:root{--fundo:#f7f7f5;--superficie:#fff;--texto:#1c1c1a;--mudo:#6b6b66;--borda:#e2e2dc;--primario:#1d4ed8;--primario-texto:#fff;--alerta:#c2410c;--ligado:#ecfdf3;--ligado-borda:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fundo:#151514;--superficie:#1f1f1d;--texto:#ececea;--mudo:#9a9a94;--borda:#33332f;--primario:#3b82f6;--alerta:#fb923c;--ligado:#12301f;--ligado-borda:#22c55e}}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);margin:0}.topo{background:var(--superficie);border-bottom:1px solid var(--borda);z-index:1;align-items:center;gap:24px;padding:12px 16px;display:flex;position:sticky;top:0}.topo nav{flex-wrap:wrap;gap:4px;display:flex}.topo a{color:var(--mudo);border-radius:6px;padding:6px 10px;text-decoration:none}.topo a.ativo{color:var(--texto);background:var(--fundo);font-weight:600}main{max-width:1400px;margin:0 auto;padding:16px}h2,h3{margin:0 0 8px;font-size:15px}input,select,textarea,button{font:inherit;color:inherit;background:var(--superficie);border:1px solid var(--borda);border-radius:6px;padding:5px 8px}textarea{resize:vertical;width:100%;min-height:60px}button{cursor:pointer}button:hover{border-color:var(--mudo)}button.primario{background:var(--primario);color:var(--primario-texto);border-color:var(--primario)}button.discreto{color:var(--mudo);background:0 0;border-color:#0000}input.curto{width:80px}label{align-items:center;gap:6px;display:inline-flex}details label{color:var(--mudo);flex-direction:column;align-items:stretch;gap:2px;margin-top:6px;font-size:12px;display:flex}details label>*{color:var(--texto);font-size:14px}.mudo{color:var(--mudo)}.alerta{color:var(--alerta);font-weight:600}.erro{color:var(--alerta)}.barra,.novo,.totais{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;display:flex}.novo{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;padding:10px}.novo input[name=titulo],.novo input[name=nota]{flex:1;min-width:180px}.sigla{color:#fff;letter-spacing:.03em;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.ligados{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;padding:10px 12px}.ligados ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ligados li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.relogio{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.quadro{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:12px;display:grid}.coluna{gap:8px;display:grid}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;gap:6px;padding:10px;display:grid}.cartao.ligado{background:var(--ligado);border-color:var(--ligado-borda)}.cartao .linha{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.cartao .linha.mudo{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px}.acoes{gap:6px;display:flex}details summary{cursor:pointer;color:var(--mudo);font-size:12px}.rolagem{overflow-x:auto}table{border-collapse:collapse;background:var(--superficie);width:100%}th,td{border-bottom:1px solid var(--borda);text-align:left;white-space:nowrap;padding:6px 8px}th{color:var(--mudo);font-size:12px;font-weight:500}td input:not(.curto):not([type=checkbox]):not([type=date]){width:100%;min-width:140px}.num{text-align:right;font-variant-numeric:tabular-nums}.medidor{background:var(--fundo);border:1px solid var(--borda);vertical-align:middle;border-radius:4px;width:120px;height:8px;margin-right:8px;display:inline-block;overflow:hidden}.medidor .cheio{background:var(--primario);height:100%}.medidor .alerta-fundo{background:var(--alerta)}.cliente{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;justify-items:start;gap:8px;margin-bottom:12px;padding:12px;display:grid}.cliente .linha{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cliente input.nome{min-width:220px;font-weight:600}.cliente.inativo{opacity:.6}.cliente .rolagem{width:100%}.sair{align-items:center;gap:6px;margin-left:auto;display:flex}.login{text-align:center;justify-items:center;gap:16px;max-width:360px;margin:15vh auto;display:grid}.login h1{margin:0}a.botao{background:var(--primario);color:var(--primario-texto);border-radius:6px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}