* { box-sizing: border-box; margin: 0; }
:root{
  --bg:#0f1419; --card:#161d26; --bd:#243140; --bd2:#2c3a4b;
  --tx:#e7edf3; --mut:#9fb0c2; --gold:#f5b942; --green:#4fd187; --red:#ff8a92; --blue:#6db3f2;
}
body{ font-family:'Segoe UI',Arial,sans-serif; background:var(--bg); color:var(--tx); }
.hidden{ display:none !important; }
a{ color:var(--gold); }

header{ display:flex; align-items:center; gap:12px; padding:12px 20px; background:var(--card); border-bottom:1px solid var(--bd); position:sticky; top:0; z-index:10; }
header .logo{ font-size:17px; font-weight:700; }
header .logo .gold{ color:var(--gold); }
header .spacer{ flex:1; }
.badge{ font-size:12px; padding:4px 10px; border-radius:999px; font-weight:600; }
.badge.gray{ background:#2a3645; color:var(--mut); }
.badge.green{ background:#143f2b; color:var(--green); }
.badge.red{ background:#461f24; color:var(--red); }
.badge.gold{ background:#3a2f10; color:var(--gold); }

main{ max-width:1180px; margin:0 auto; padding:20px 16px 64px; }
.row{ display:grid; gap:14px; }
.cols-2{ grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
.card{ background:var(--card); border:1px solid var(--bd); border-radius:12px; padding:18px; margin-bottom:14px; }
.card h2{ font-size:15px; margin-bottom:10px; color:var(--gold); }
.card p.hint{ font-size:13px; color:var(--mut); margin-bottom:10px; line-height:1.5; }

input,select,button,textarea{ font-family:inherit; }
input[type=text],input[type=password],input[type=email],input[type=number],input[type=datetime-local],input[type=file],select,textarea{
  width:100%; padding:9px 12px; margin-bottom:10px; border-radius:8px; border:1px solid var(--bd2); background:var(--bg); color:var(--tx); font-size:14px;
}
button{ cursor:pointer; border:0; border-radius:8px; padding:9px 16px; font-size:14px; font-weight:600; background:#2a3645; color:var(--tx); }
button:hover{ background:#364659; }
button.primary{ background:var(--gold); color:#161d26; }
button.primary:hover{ background:#ffd069; }
button.ghost{ background:transparent; border:1px solid var(--bd2); }
button:disabled{ opacity:.5; cursor:wait; }
button.sm{ padding:5px 10px; font-size:12.5px; }
button.danger{ color:#ff6b6b; border:1px solid #5a2a2a; background:transparent; }
button.danger:hover{ background:#3a2326; color:#ff8585; }

.stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px; margin-bottom:14px; }
.stat{ background:var(--card); border:1px solid var(--bd); border-radius:12px; padding:14px; text-align:center; }
.stat .n{ font-size:24px; font-weight:700; }
.stat .l{ font-size:11px; color:var(--mut); text-transform:uppercase; letter-spacing:.4px; }
.stat.green .n{ color:var(--green); } .stat.gold .n{ color:var(--gold); } .stat.red .n{ color:var(--red); } .stat.blue .n{ color:var(--blue); }

.board{ display:flex; gap:12px; overflow-x:auto; padding-bottom:8px; }
.col{ flex:0 0 240px; background:var(--bg); border:1px solid var(--bd); border-radius:10px; padding:10px; }
.col .ch{ font-size:12px; color:var(--tx); display:flex; justify-content:space-between; margin-bottom:4px; }
.col .ch .cn{ text-transform:uppercase; letter-spacing:.3px; font-weight:600; }
.col .ch .cn b{ color:var(--gold); margin-left:4px; }
.col .ctot{ font-size:13px; font-weight:700; color:var(--green); margin-bottom:10px; }
.col .ctot .de{ font-size:10.5px; font-weight:400; color:var(--mut); }
.chip{ background:var(--card); border:1px solid var(--bd2); border-radius:9px; padding:9px 10px; margin-bottom:8px; }
.chip .co{ font-size:13px; font-weight:700; line-height:1.25; }
.chip .cnpj{ font-family:monospace; font-size:10.5px; color:var(--mut); margin:2px 0 3px; }
.chip .de{ font-size:11px; color:var(--mut); }
.chip .tag{ display:inline-block; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--blue); background:#16283a; border-radius:5px; padding:1px 6px; margin-left:6px; vertical-align:middle; }
.chip .vals{ display:flex; gap:6px; margin:8px 0 4px; }
.chip .vals label{ flex:1; display:flex; flex-direction:column; font-size:9.5px; text-transform:uppercase; letter-spacing:.3px; color:var(--mut); gap:2px; }
.chip .vals input{ width:100%; margin:0; padding:5px 7px; font-size:12px; font-weight:600; color:var(--green); }
.chip select.mv{ width:100%; margin:4px 0 0; padding:5px 6px; font-size:11px; }

table{ width:100%; border-collapse:collapse; font-size:13px; }
th,td{ text-align:left; padding:8px 10px; border-bottom:1px solid var(--bd); }
th{ color:var(--mut); font-size:11px; text-transform:uppercase; }

.outcomes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:8px; margin-top:10px; }
.outcomes button{ display:flex; align-items:center; gap:8px; justify-content:flex-start; text-align:left; }
.lead-box{ background:var(--bg); border:1px solid var(--bd2); border-radius:10px; padding:12px; }
.lead-box .co{ font-size:16px; font-weight:700; }
.lead-box .de{ font-size:12.5px; color:var(--mut); margin-top:2px; }
.action{ margin-top:10px; background:var(--bg); border:1px solid var(--bd2); border-radius:10px; padding:10px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ok{ color:var(--green); font-size:13px; } .err{ color:var(--red); font-size:13px; }
.bar{ height:8px; background:#0f1419; border-radius:6px; overflow:hidden; border:1px solid var(--bd); }
.bar > i{ display:block; height:100%; background:var(--gold); }
.tabs{ display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap; }
.tabs button.active{ background:var(--gold); color:#161d26; }
.qr img{ width:220px; background:#fff; padding:8px; border-radius:8px; margin-top:10px; }
.token-box{ background:#0f1419; border:1px dashed var(--gold); border-radius:8px; padding:10px; font-family:monospace; font-size:13px; word-break:break-all; margin-top:8px; }
.login-wrap{ max-width:360px; margin:80px auto; }