:root{
  --bg:#0f0f12;
  --panel:#15151a;
  --muted:#9aa0a6;
  --text:#e6e6e6;
  --accent:#ff00aa; /* magenta accent */
  --card-shadow: 0 6px 18px rgba(0,0,0,0.6);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0;background:linear-gradient(180deg,#0c0c0f 0%, #0f0f12 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}
a{color:var(--accent);}
/* Layout */
.app{display:flex;min-height:100vh}
.sidebar{width:250px;background:linear-gradient(180deg,#111217,#0f0f12);padding:20px;border-right:1px solid rgba(255,255,255,0.02)}
.sidebar h2{color:var(--accent);margin:0 0 10px;font-size:20px}
.nav{list-style:none;padding:0;margin:0}
.nav a{display:block;padding:10px 12px;color:var(--muted);text-decoration:none;border-radius:6px;margin-bottom:6px}
.nav a:hover{background:rgba(255,0,170,0.06);color:var(--text)}
.nav a.active{background:rgba(255,0,170,0.12);color:var(--text)}
.main{flex:1;padding:24px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.card{background:var(--panel);border:1px solid rgba(255,255,255,0.03);padding:16px;border-radius:8px;box-shadow:var(--card-shadow);}
.grid{display:flex;gap:20px;flex-wrap:wrap}
.card.small{width:240px}
.card.large{flex:1 1 700px}
/* Forms */
label{display:block;margin-bottom:8px;color:var(--muted)}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:var(--text);}
button{background:var(--accent);color:#fff;padding:10px 14px;border:0;border-radius:8px;cursor:pointer}
button:hover{filter:brightness(1.05)}
/* Tables */
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,0.03);text-align:left}
th{color:var(--muted);font-weight:600}
tr:hover td{background:rgba(255,255,255,0.01)}
/* Responsive */
@media (max-width:900px){.sidebar{display:none}.card.small{width:48%}}
/* Utility */
.kv{display:flex;justify-content:space-between}
.hint{color:var(--muted);font-size:13px}