:root{color-scheme:dark;--navy:#07172b;--navy-2:#0d2740;--painel:#0f2238;--linha:#1e3a57;--cyan:#57d2ed;--azul:#2778ae;--texto:#e8f1f7;--mudo:#8fa9bd;--ok:#3ddc84;--erro:#ff6b6b;--ouro:#f4c65a;font-family:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;background:var(--navy);color:var(--texto)}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.topo{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(16px,4vw,48px);border-bottom:1px solid #ffffff1c;background:var(--navy)}
.marca{font:900 22px/0.8 "Segoe UI",Arial,sans-serif;letter-spacing:.06em}.marca span{color:var(--cyan)}.marca small{display:block;margin-top:6px;font:700 8px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.4em;color:var(--mudo)}
nav a{margin-right:22px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#bed3df}nav a.ativa{color:#fff;border-bottom:2px solid var(--cyan);padding-bottom:4px}
.saude{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--mudo)}.saude span::before{content:"●";margin-right:5px;color:var(--erro)}.saude span.ok::before{color:var(--ok)}
button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid var(--linha);background:#13304d;color:#fff;padding:8px 14px}
button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:default}
.primario{background:var(--cyan);color:var(--navy);border-color:var(--cyan);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px;padding:12px 18px}
.secundario{font-size:12px}.perigo{border-color:#7a2a2a;background:#3a1414}
.link{background:none;border:0;color:var(--cyan);padding:0}
main.pagina{max-width:1200px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 60px}
.cabecalho{margin-bottom:18px}.cabecalho h1{font:900 clamp(28px,4vw,44px)/1 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:6px 0}.mudo{color:var(--mudo);font-size:13px;margin:4px 0}.volta{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cartao{background:var(--painel);border:1px solid var(--linha);border-radius:12px;padding:20px;margin-bottom:18px}.cartao h2{margin:0 0 12px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#bed3df}
.estreito{max-width:520px;margin:40px auto}.estreito h1{margin:0 0 14px;font-size:24px}
label{display:block;margin:10px 0 4px;font-size:13px;color:#bed3df}label small{color:var(--mudo)}
input[type=text],input[type=password],input[type=number],input:not([type]){width:100%;margin-top:4px;padding:10px 12px;border-radius:6px;border:1px solid var(--linha);background:#081a2d;color:#fff;font:inherit}
input[type=checkbox]{margin-right:8px}
fieldset{border:1px solid var(--linha);border-radius:8px;margin:12px 0;padding:8px 12px 12px}legend{font-size:12px;color:var(--mudo);padding:0 6px}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.duas{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.erro{color:var(--erro);font-size:13px}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.grupo-cartao{display:block;background:var(--painel);border:1px solid var(--linha);border-radius:12px;padding:18px;color:inherit;transition:border-color .15s}.grupo-cartao:hover{border-color:var(--cyan);text-decoration:none}
.grupo-cartao h3{margin:0;font-size:18px}.grupo-cartao .id{font-size:11px;color:var(--mudo);letter-spacing:.1em}.grupo-cartao .etiquetas{margin:8px 0 12px}
.etiqueta{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#13304d;color:#bed3df;margin-right:6px}.etiqueta.ok{background:#0f3f2b;color:var(--ok)}.etiqueta.aviso{background:#4a3a0e;color:var(--ouro)}
.potes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 16px}.pote{background:#081a2d;border:1px solid var(--linha);border-radius:10px;padding:14px;text-align:center}.pote .nome{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mudo)}.pote .valor{font:900 clamp(22px,3vw,32px)/1.1 "Segoe UI",Arial,sans-serif;color:var(--ouro);margin-top:6px;font-variant-numeric:tabular-nums}.pote.pago .valor{color:var(--ok)}.pote .nivel{font-size:10px;color:var(--mudo);margin-top:4px}
.mini{display:flex;gap:6px;justify-content:space-around;margin-top:10px}.mini div{font-size:12px;color:var(--mudo)}.mini b{display:block;color:var(--ouro);font-variant-numeric:tabular-nums}
.tabela{width:100%;border-collapse:collapse;font-size:13px}.tabela th,.tabela td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha);white-space:nowrap}.tabela th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mudo)}.tabela td.num{text-align:right;font-variant-numeric:tabular-nums}.tabela tr.destaque td{color:var(--ok)}
.tabela input[type=number]{width:110px;padding:5px 8px;margin:0}
.linha-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.acoes{display:flex;gap:8px}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.info div{background:#081a2d;border:1px solid var(--linha);border-radius:8px;padding:10px 12px}.info .r{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mudo)}.info .v{font-size:16px;font-weight:700;margin-top:4px;word-break:break-all}
.codigo{font-family:Consolas,monospace;font-size:13px;background:#081a2d;padding:10px;border-radius:6px;word-break:break-all}
details summary{cursor:pointer;color:var(--cyan);font-size:13px;margin-top:8px}
.aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#13304d;border:1px solid var(--cyan);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;box-shadow:0 10px 30px #0008}
[hidden]{display:none!important}
@media (max-width:760px){.topo{height:auto;padding:12px 16px;flex-wrap:wrap}nav a{margin-right:14px}.duas,.tres,.potes{grid-template-columns:1fr}.tabela{display:block;overflow-x:auto}}