:root{--cor-fundo: #f1f5f9;--cor-superficie: #ffffff;--cor-superficie-sutil: #f8fafc;--cor-borda: #e2e8f0;--cor-borda-forte: #cbd5e1;--cor-texto: #0f172a;--cor-texto-suave: #475569;--cor-texto-fraco: #64748b;--cor-primaria: #1d4ed8;--cor-primaria-escura: #1e3a8a;--cor-primaria-clara: #eff6ff;--cor-sucesso: #047857;--cor-sucesso-clara: #ecfdf5;--cor-erro: #b91c1c;--cor-erro-clara: #fef2f2;--cor-alerta: #b45309;--cor-alerta-clara: #fffbeb;--raio: 8px;--raio-grande: 14px;--sombra: 0 1px 2px rgba(15, 23, 42, .06);--sombra-media: 0 4px 16px rgba(15, 23, 42, .08);--sombra-alta: 0 18px 45px rgba(15, 23, 42, .14);--fonte: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--fonte-mono: "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--fonte);font-size:15px;line-height:1.5;color:var(--cor-texto);background:var(--cor-fundo);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25;letter-spacing:-.01em}h1{font-size:clamp(1.3125rem,1.15rem + .7vw,1.5rem)}h2{font-size:1.125rem}h3{font-size:1rem}img,svg,video{max-width:100%;height:auto}p{margin:0}a{color:var(--cor-primaria);text-decoration:none}a:hover{text-decoration:underline}.campo{display:flex;flex-direction:column;gap:6px}.campo>label{font-size:.8125rem;font-weight:600;color:var(--cor-texto-suave)}.campo input,.campo select,.campo textarea{width:100%;padding:10px 12px;font:inherit;color:var(--cor-texto);background:var(--cor-superficie);border:1px solid var(--cor-borda-forte);border-radius:var(--raio);transition:border-color .15s ease,box-shadow .15s ease}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--cor-primaria);box-shadow:0 0 0 3px #1d4ed826}.campo input:disabled,.campo select:disabled{background:var(--cor-superficie-sutil);color:var(--cor-texto-fraco);cursor:not-allowed}.campo input.invalido{border-color:var(--cor-erro)}.campo .erro-campo{font-size:.75rem;color:var(--cor-erro)}.campo .dica{font-size:.75rem;color:var(--cor-texto-fraco)}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--raio);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.botao:disabled{opacity:.55;cursor:not-allowed}.botao-primario{background:var(--cor-primaria);color:#fff}.botao-primario:hover:not(:disabled){background:var(--cor-primaria-escura)}.botao-secundario{background:var(--cor-superficie);border-color:var(--cor-borda-forte);color:var(--cor-texto)}.botao-secundario:hover:not(:disabled){background:var(--cor-superficie-sutil)}.botao-perigo{background:var(--cor-erro);color:#fff}.botao-perigo:hover:not(:disabled){background:#991b1b}.botao-texto{background:transparent;color:var(--cor-texto-suave);padding:8px 10px}.botao-texto:hover:not(:disabled){color:var(--cor-texto);background:var(--cor-superficie-sutil)}.cartao{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio-grande);box-shadow:var(--sombra)}.cartao-corpo{padding:20px}.aviso{display:flex;gap:10px;padding:12px 14px;border-radius:var(--raio);font-size:.875rem;border:1px solid transparent}.aviso-erro{background:var(--cor-erro-clara);border-color:#fecaca;color:var(--cor-erro)}.aviso-alerta{background:var(--cor-alerta-clara);border-color:#fde68a;color:var(--cor-alerta)}.aviso-sucesso{background:var(--cor-sucesso-clara);border-color:#a7f3d0;color:var(--cor-sucesso)}.etiqueta{display:inline-flex;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:999px;background:var(--cor-superficie-sutil);border:1px solid var(--cor-borda);color:var(--cor-texto-suave)}.etiqueta-primaria{background:var(--cor-primaria-clara);border-color:#bfdbfe;color:var(--cor-primaria-escura)}.apenas-leitor-de-tela{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cabecalho-pagina{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.cabecalho-pagina p{margin-top:6px;color:var(--cor-texto-suave)}.rolagem-tabela{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.tabela{width:100%;border-collapse:collapse;font-size:.9375rem}.tabela th{padding:12px 16px;text-align:left;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cor-texto-fraco);background:var(--cor-superficie-sutil);border-bottom:1px solid var(--cor-borda);white-space:nowrap}.tabela td{padding:12px 16px;border-bottom:1px solid var(--cor-borda);vertical-align:middle}.tabela tbody tr:last-child td{border-bottom:0}.tabela tbody tr:hover{background:var(--cor-superficie-sutil)}.celula-nome{font-weight:600}.celula-mono{font-family:var(--fonte-mono);font-size:.875rem}.celula-numero{text-align:right;font-family:var(--fonte-mono);font-size:.875rem;white-space:nowrap}.coluna-acoes{text-align:right;white-space:nowrap}.estado-vazio{padding:36px 20px;text-align:center;color:var(--cor-texto-fraco)}.etiqueta-inativa{background:var(--cor-erro-clara);border-color:#fecaca;color:var(--cor-erro)}.campo-checkbox{display:flex;align-items:center;gap:8px;font-size:.9375rem;cursor:pointer}.campo-checkbox input{width:16px;height:16px;accent-color:var(--cor-primaria);cursor:pointer}.barra-filtros{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.barra-filtros .campo{flex:1 1 220px;min-width:0;max-width:320px}.fundo-painel{position:fixed;inset:0;background:#0f172a73;z-index:10}.painel{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);display:flex;flex-direction:column;gap:18px;padding:22px;overflow-y:auto;background:var(--cor-superficie);border-left:1px solid var(--cor-borda);box-shadow:var(--sombra-alta);z-index:11}.painel-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px}.painel form{display:flex;flex-direction:column;gap:16px}.painel-acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.descricao-painel{color:var(--cor-texto-suave);font-size:.9375rem}@media(max-width:720px){body{font-size:14.5px}.cartao-corpo{padding:16px}.cabecalho-pagina>.botao{width:100%}.barra-filtros{gap:12px}.barra-filtros .campo{flex-basis:100%;max-width:none}.tabela th,.tabela td{padding:10px 12px}.estado-vazio{padding:28px 16px}}@media(max-width:560px){.painel{width:100%;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-left:0}.painel-acoes{flex-direction:column-reverse}.painel-acoes .botao{width:100%}}