:root{--cor-acento: oklch(.55 .04 250);--cor-acento-forte: oklch(.47 .05 250);--cor-acento-suave: oklch(.95 .02 250);--cor-acento-texto: oklch(.99 0 0);--cor-fundo: oklch(.98 .004 250);--cor-superficie: oklch(1 0 0);--cor-superficie-2: oklch(.96 .004 250);--cor-borda: oklch(.9 .006 250);--cor-texto: oklch(.2 .01 250);--cor-texto-suave: oklch(.5 .01 250);--cor-ok: oklch(.6 .13 150);--cor-erro: oklch(.58 .2 25);--cor-aviso: oklch(.75 .15 80);--fonte-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fonte-numeros: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--logo-texto: "MAIA Gestao";--logo-url: none;--raio: 10px;--sidebar-larg: 256px;--sombra: 0 1px 2px oklch(.2 .01 250 / .08), 0 4px 12px oklch(.2 .01 250 / .06)}:root[data-tema=escuro]{--cor-acento: oklch(.7 .05 250);--cor-acento-forte: oklch(.78 .05 250);--cor-acento-suave: oklch(.3 .03 250);--cor-acento-texto: oklch(.15 .01 250);--cor-fundo: oklch(.18 .01 250);--cor-superficie: oklch(.22 .012 250);--cor-superficie-2: oklch(.26 .012 250);--cor-borda: oklch(.32 .012 250);--cor-texto: oklch(.95 .005 250);--cor-texto-suave: oklch(.72 .01 250);--sombra: 0 1px 2px oklch(0 0 0 / .3), 0 4px 12px oklch(0 0 0 / .25)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--fonte-ui);background:var(--cor-fundo);color:var(--cor-texto);font-size:14px;line-height:1.5}#raiz{height:100%}a{color:var(--cor-acento-forte)}h1,h2,h3{margin:0 0 .5rem}.num{font-family:var(--fonte-numeros)}.btn{font:inherit;cursor:pointer;border:1px solid var(--cor-borda);background:var(--cor-superficie);color:var(--cor-texto);padding:.5rem .9rem;border-radius:var(--raio)}.btn:hover{background:var(--cor-superficie-2)}.btn-primario{background:var(--cor-acento);color:var(--cor-acento-texto);border-color:var(--cor-acento)}.btn-primario:hover{background:var(--cor-acento-forte)}.campo{width:100%;font:inherit;padding:.5rem .7rem;border-radius:var(--raio);border:1px solid var(--cor-borda);background:var(--cor-superficie);color:var(--cor-texto)}.cartao{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);padding:1rem;box-shadow:var(--sombra)}.tabela{width:100%;border-collapse:collapse}.tabela th,.tabela td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--cor-borda)}.tabela th{color:var(--cor-texto-suave);font-weight:600}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--cor-acento-suave);color:var(--cor-acento-forte);font-size:.8rem}.erro{color:var(--cor-erro)}.ok{color:var(--cor-ok)}.suave{color:var(--cor-texto-suave)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100%}.login-marca{background:var(--cor-acento);color:var(--cor-acento-texto);display:flex;flex-direction:column;justify-content:center;padding:3rem}.login-form{display:flex;flex-direction:column;justify-content:center;padding:3rem;max-width:420px}@media (max-width: 760px){.login{grid-template-columns:1fr}.login-marca{display:none}}.shell{display:grid;grid-template-columns:var(--sidebar-larg) 1fr;min-height:100%}.sidebar{background:var(--cor-superficie);border-right:1px solid var(--cor-borda);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar .marca{font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.sidebar .marca img{height:28px}.nav-item{display:block;padding:.5rem .7rem;border-radius:var(--raio);color:var(--cor-texto);text-decoration:none}.nav-item:hover{background:var(--cor-superficie-2)}.nav-item.ativo{background:var(--cor-acento);color:var(--cor-acento-texto)}.conteudo{padding:1.5rem 2rem;overflow:auto}.topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--cor-texto-suave);font-family:var(--fonte-numeros)}.abas{display:flex;gap:.25rem;border-bottom:1px solid var(--cor-borda);margin:.5rem 0 1rem;flex-wrap:wrap}.aba{padding:.45rem .8rem;cursor:pointer;border-bottom:2px solid transparent;color:var(--cor-texto-suave);background:none;border-top:none;border-left:none;border-right:none;font:inherit}.aba.ativa{color:var(--cor-acento-forte);border-bottom-color:var(--cor-acento)}.linha{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}label.rotulo{display:block;margin:.75rem 0 .25rem;color:var(--cor-texto-suave);font-size:.85rem}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto}}