:root{
  --bg:#0D0D0D; --card:#141414; --card2:#1A1A1A; --border:#262626;
  --coral:#FF5A4D; --gold:#F5B335; --green:#27AE60; --blue:#378ADD; --purple:#8E5BD9;
  --txt:#fff; --muted:#999;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1150px;margin:0 auto;padding:20px;}

/* Topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:16px 20px;position:sticky;top:0;background:var(--bg);z-index:10;}
.logo{font-size:24px;font-weight:600;}.logo span{color:var(--coral);}
.nav{display:flex;gap:4px;flex-wrap:wrap;}
.nav a{font-size:13px;padding:8px 14px;border-radius:8px;color:var(--muted);}
.nav a:hover{background:var(--card2);color:#fff;}
.nav a.on{background:var(--coral);color:#fff;}
.user{font-size:12px;color:var(--muted);}

/* Cards / KPIs */
.resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;}
.rc{border-radius:12px;padding:18px;border-left:3px solid;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);}
.rc .l{font-size:11px;color:var(--muted);text-transform:uppercase;}
.rc .v{font-size:24px;font-weight:600;margin-top:4px;}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;}
.kpi{background:var(--card2);border-radius:12px;padding:16px;border-left:3px solid var(--coral);}
.kpi .l{font-size:11px;color:var(--muted);text-transform:uppercase;}
.kpi .v{font-size:22px;font-weight:500;margin-top:4px;}
.card{background:var(--card);border-radius:12px;padding:18px;margin-bottom:20px;}
.card h3{font-size:14px;margin-bottom:14px;font-weight:600;}
.sec{font-size:13px;color:#ccc;margin:24px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}

/* Tabelas */
table{width:100%;border-collapse:collapse;font-size:13px;}
th{color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:9px 8px;font-weight:500;font-size:11px;text-transform:uppercase;}
td{border-bottom:1px solid #1c1c1c;padding:9px 8px;color:#ddd;}
.pill{font-size:10px;padding:3px 8px;border-radius:6px;}
.pill.green{color:var(--green);background:#0f2417;}
.pill.gold{color:var(--gold);background:#1a1605;}
.pill.blue{color:var(--blue);background:#0a1a2e;}

/* Botões */
.btn{display:inline-block;background:var(--coral);color:#fff;border:none;padding:9px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;}
.btn:hover{opacity:.9;}
.btn-sm{padding:5px 10px;font-size:12px;}
.btn-ghost{background:var(--card2);border:1px solid var(--border);}
.btn-green{background:var(--green);}
.btn-gold{background:var(--gold);color:#000;}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:6px;}
.field label{font-size:12px;color:var(--muted);}
.field input,.field select,.field textarea{background:var(--bg);border:1px solid #333;color:#fff;padding:10px;border-radius:8px;font-size:14px;font-family:inherit;}
.field textarea{min-height:80px;resize:vertical;}
.field.full{grid-column:1/-1;}

/* Login */
.login-box{max-width:360px;margin:80px auto;background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);}
.login-box .logo{font-size:32px;text-align:center;margin-bottom:6px;}
.login-box .sub{text-align:center;color:var(--muted);font-size:12px;margin-bottom:24px;}
.erro{background:#2a1414;border:1px solid #4a1f1f;color:#ff8a8a;padding:10px;border-radius:8px;font-size:13px;margin-bottom:14px;}

.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media(max-width:760px){.two,.resumo,.form-grid{grid-template-columns:1fr;}.nav a{padding:8px 10px;}}