:root{
  --bg:#0b0a0f;
  --card:#161320;
  --text:#eae6ff;
  --muted:#b9a9ff;
  --purple:#6c2bd9;
  --purple-2:#8b5cf6;
  --border:#2e2350;
}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}
.wrap{max-width:1100px;margin:40px auto;padding:0 16px}
h1{font-weight:800;letter-spacing:.2px}
.badge{background:linear-gradient(90deg,var(--purple),var(--purple-2));color:white;padding:2px 10px;border-radius:999px;font-size:.8rem;margin-left:8px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--card);padding:18px;border-radius:16px;border:1px solid var(--border);box-shadow:0 2px 30px rgba(108,43,217,.15);margin-bottom:18px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left}
th{color:var(--muted);font-weight:600}
.row{margin-top:8px}
button{padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,var(--purple),var(--purple-2));border:1px solid var(--border);color:#fff;cursor:pointer;box-shadow:0 6px 20px rgba(108,43,217,.25);}
button:hover{filter:brightness(1.05)}
textarea{background:#0d0c12;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px}
.guard{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(108,43,217,.2),rgba(139,92,246,.15));border:1px solid var(--border);padding:10px 14px;border-radius:14px;margin:12px 0}
.login-wrap{max-width:360px;margin:12vh auto;background:var(--card);padding:24px;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.login-wrap input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0d0c12;color:var(--text);margin-bottom:10px}

.danger{background:linear-gradient(180deg,#9b2226,#b23);}