/* Radar by Moonlighter · telas do portão (entrar, criar conta, conta, admin) */
:root{--ink:#0B0B0C;--night:#14151A;--gph:#1E2027;--line:#2A2C34;--orange:#FF5A1F;--ember:#FF7A45;--moon:#F2EDE4;--dusk:#9A9AA6;--ok:#25D366;--fh:"Inter Tight",Inter,system-ui,sans-serif;--fm:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--moon);font:400 16px/1.55 Inter,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:var(--orange);text-decoration:none}a:hover{color:var(--ember)}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}
.marca{display:flex;align-items:center;gap:10px;color:var(--moon)}.marca img{width:36px;height:36px}
.marca b{font:800 20px/1 var(--fh);letter-spacing:-.03em;display:block}.marca small{font:600 10px var(--fm);letter-spacing:.14em;color:var(--dusk);text-transform:uppercase}
.top nav{display:flex;gap:18px;align-items:center;font-size:14px}.top nav a{color:var(--dusk)}.top nav a:hover{color:var(--moon)}
.caixa{max-width:440px;margin:56px auto;padding:0 16px}
.card{background:var(--night);border:1px solid var(--line);border-radius:22px;padding:30px}
h1{font:800 32px/1.05 var(--fh);letter-spacing:-.04em;margin-bottom:8px}
h2{font:800 22px var(--fh);letter-spacing:-.03em;margin:28px 0 12px}
.sub{color:var(--dusk);margin-bottom:22px}
label{display:block;font:600 12px var(--fm);letter-spacing:.06em;color:var(--dusk);text-transform:uppercase;margin:16px 0 6px}
input,select{width:100%;background:var(--gph);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--moon);font:inherit}
input:focus,select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,31,.2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:var(--ink);font:700 16px var(--fh);border:0;border-radius:12px;padding:14px 20px;cursor:pointer;width:100%;margin-top:22px}
.btn:hover{background:var(--ember);color:var(--ink)}
.btn.sec{background:transparent;color:var(--moon);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.sec:hover{box-shadow:inset 0 0 0 1.5px var(--moon)}
.erro{background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.35);color:#ff8a80;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px}
.ok{background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.3);color:#7ee2a8;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px}
.pe{text-align:center;color:var(--dusk);font-size:14px;margin-top:18px}
.planos{display:grid;gap:10px}
.pl{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--gph);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.pl b{font:800 18px var(--fh)}.pl small{display:block;color:var(--dusk);font-size:13px}.pl em{font-style:normal;font:800 20px var(--fh);white-space:nowrap}
.pl.atual{border-color:var(--orange)}
.pl a.mini{background:var(--orange);color:var(--ink);font:700 13px var(--fh);padding:9px 12px;border-radius:10px;white-space:nowrap}
.tag{display:inline-block;font:600 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:8px;background:var(--gph);color:var(--dusk)}
.tag.ativo,.tag.cortesia{background:rgba(37,211,102,.12);color:#7ee2a8}.tag.teste{background:rgba(255,90,31,.14);color:var(--orange)}.tag.bloqueado{background:rgba(229,72,77,.14);color:#ff8a80}
/* admin */
.largo{max-width:1180px;margin:36px auto;padding:0 16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 26px}
.kpi{background:var(--night);border:1px solid var(--line);border-radius:16px;padding:16px}
.kpi small{display:block;font:600 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--dusk)}.kpi b{font:800 30px var(--fh);letter-spacing:-.04em}
.kpi.l b{color:var(--orange)}
.tab{width:100%;border-collapse:collapse;background:var(--night);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:14px}
.tab th{background:var(--gph);text-align:left;font:600 11px var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--dusk);padding:11px 12px}
.tab td{padding:11px 12px;border-top:1px solid var(--line)}.tab td.n{text-align:right;font-variant-numeric:tabular-nums}
.rolar{overflow-x:auto;border-radius:16px}
.barras{display:grid;gap:10px;background:var(--night);border:1px solid var(--line);border-radius:16px;padding:18px}
.barra{display:grid;grid-template-columns:140px 1fr 70px;gap:12px;align-items:center;font-size:14px}
.barra span.t{height:12px;border-radius:6px;background:var(--gph);overflow:hidden}.barra span.t i{display:block;height:100%;background:var(--orange);border-radius:6px}
.barra b{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:600px){.barra{grid-template-columns:100px 1fr 50px}.top nav .esc{display:none}}