:root{
  --bg:#070707;
  --panel:#0b0b0b;
  --card:#121212;
  --edge:#1b1b1b;
  --accent:#b1002a;      /* dark wine red */
  --accent-2:#ff0037;    /* neon red */
  --txt:#f3e7e9;
  --muted:#b9a8ad;
  --success:#00ff6a;     /* pure neon green */
  --danger:#ff2e2e;      /* neon red */
  --warn:#ff9f1c;
  --purple:#9a4dff;      /* only for 'fora do ar' dot */
  --shadow:0 16px 44px rgba(177,0,42,.33);
}
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;
  background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.95)),var(--bg);
  color:var(--txt);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;
}
a{color:var(--accent-2);text-decoration:none}
a:hover{opacity:.95}
.container{max-width:1200px;margin:0 auto;padding:18px}

.topbar{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.8);border-bottom:1px solid #1e1e1e;backdrop-filter:blur(8px)}
.nav{display:flex;gap:10px;overflow-x:auto;padding:10px;margin:6px 0}
.tab{
  padding:10px 14px;border-radius:14px;white-space:nowrap;
  background:#141414;border:1px solid #2a2a2a;color:var(--txt);
  box-shadow:var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.tab.active,.tab:hover{transform:translateY(-1px);box-shadow:0 18px 50px rgba(255,0,55,.35);border-color:var(--accent-2);background:linear-gradient(180deg,rgba(255,0,55,.10),#141414)}
.tab.lock{opacity:.7;outline:1px dashed rgba(255,255,255,.18)}

.card{background:#121212;border:1px solid #262626;border-radius:18px;padding:18px;margin:12px 0;box-shadow:0 10px 40px rgba(255,0,55,.08)}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
h2,h3{margin:6px 0 10px 0}

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(180deg,#ff244c,#9f0a23);
  padding:10px 14px;
  border-radius:12px;
  border:1px solid #2a2a2a;
  cursor:pointer;
  transition:transform .15s ease, filter .2s ease, box-shadow .2s ease;
  box-shadow:0 8px 24px rgba(255,0,55,.25);
  color:#000 !important;   /* 🔥 Texto preto */
  font-weight:600;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn.ghost{background:transparent;border:1px dashed rgba(255,255,255,.25);color:var(--txt) !important}

.input,select,textarea{width:100%;background:#121212;border:1px solid #2a2a2a;border-radius:12px;padding:10px 12px;color:var(--txt);outline:none}
.input:focus,textarea:focus,select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(255,0,55,.15)}
.small{font-size:.92rem;color:var(--muted)}

.badge{padding:4px 8px;border-radius:999px;font-weight:700;font-size:.7rem;letter-spacing:.4px}
.badge-admin{background:linear-gradient(90deg,#ff244c,#9f0a23);color:white}
.badge-mod{background:#ff9f1c;color:#200}
.badge-sup{background:#00ff6a;color:#012}
.badge-vip{background:linear-gradient(90deg,#ffd166,#ff7d00);color:#210}
.badge-user{background:#505050;color:#eee}

.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#0e0e0e;border:1px solid #2a2a2a}
.dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px currentColor}
.dot.green{color:var(--success);background:var(--success)}
.dot.red{color:var(--danger);background:var(--danger)}
.dot.orange{color:var(--warn);background:var(--warn)}
.dot.purple{color:var(--purple);background:var(--purple)}

.glow{box-shadow:0 0 26px rgba(255,0,55,.18),inset 0 0 12px rgba(255,0,55,.08)}
.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,0,55,.45)}70%{box-shadow:0 0 0 14px rgba(255,0,55,0)}100%{box-shadow:0 0 0 0 rgba(255,0,55,0)}}
.shine{position:relative;overflow:hidden}
.shine::after{content:'';position:absolute;top:-40%;left:-20%;width:40%;height:200%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:shine 2.2s ease-in-out infinite}
@keyframes shine{0%{left:-40%}100%{left:140%}}

.toast{position:fixed;right:18px;bottom:18px;background:#121212;border:1px solid #2a2a2a;padding:12px 14px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:none}
.toast.show{display:block}

.avatar{width:80px;height:80px;border-radius:16px;object-fit:cover;border:2px solid #2a2a2a}

.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:#090909}
.login-card{width:100%;max-width:420px}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{padding:10px 12px}
.table th{color:#ff9aa8;text-transform:uppercase;font-size:.75rem;letter-spacing:.8px}