:root{--fundo:#f6f7f9;--cartao:#fff;--texto:#1b2430;--suave:#667085;--linha:#e4e7ec;--marca:#0b5fff;
--verde:#16a34a;--amarelo:#d97706;--vermelho:#dc2626;--azul:#2563eb}
@media (prefers-color-scheme:dark){:root{--fundo:#11151b;--cartao:#1a2029;--texto:#e8ecf2;--suave:#98a2b3;--linha:#2a3340;--marca:#5b92ff}}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,sans-serif;background:var(--fundo);color:var(--texto)}
header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--cartao);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:5}
header h1{font-size:18px;margin:0}nav{display:flex;gap:6px;flex-wrap:wrap}
button,.btn{font:inherit;border:1px solid var(--linha);background:var(--cartao);color:var(--texto);padding:8px 12px;border-radius:8px;cursor:pointer}
button.p{background:var(--marca);border-color:var(--marca);color:#fff}button.on{border-color:var(--marca);color:var(--marca);font-weight:600}
main{max-width:1100px;margin:0 auto;padding:16px}
.grelha{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.card{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:14px}
.num{font-size:28px;font-weight:700}.suave{color:var(--suave);font-size:14px}
table{width:100%;border-collapse:collapse;background:var(--cartao);border:1px solid var(--linha);border-radius:12px;overflow:hidden}
th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--linha);font-size:14px;vertical-align:top}th{color:var(--suave);font-weight:600}
tr.cl{cursor:pointer}tr.cl:hover{background:color-mix(in srgb,var(--marca) 6%,transparent)}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
.t-em_dia{background:var(--verde)}.t-a_vencer{background:var(--amarelo)}.t-carregar_hoje{background:var(--vermelho)}
.t-desligado{background:#475467}.t-sem_pagamento{background:#98a2b3}.t-inactivo{background:#98a2b3}
label{display:block;font-size:14px;color:var(--suave);margin:10px 0 4px}
input,select,textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid var(--linha);border-radius:8px;background:var(--cartao);color:var(--texto)}
input[type=checkbox]{width:auto}.linha2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fundo{position:fixed;inset:0;background:#0007;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:16px;z-index:10}
.caixa{background:var(--cartao);border-radius:14px;padding:18px;width:100%;max-width:640px}
.erro{color:var(--vermelho);margin:8px 0}.ok{color:var(--verde)}.aviso{background:#fef3c7;color:#78350f;padding:8px 10px;border-radius:8px;margin:8px 0;font-size:14px}
.cx{display:flex;gap:8px;align-items:center;margin:4px 0;color:var(--texto);font-size:15px}
.scroll{overflow-x:auto}
@media (max-width:640px){.linha2{grid-template-columns:1fr}th:nth-child(n+5),td:nth-child(n+5){display:none}}