:root {
  --bg: #0a0a0f; --bg2: #0f0f18; --bg3: #12121e;
  --border: rgba(0,212,255,.12); --border-h: rgba(0,212,255,.3);
  --cyan: #00d4ff; --green: #00ff88; --red: #ff5555;
  --text: #e2e8f0; --muted: #64748b;
  --mono: 'JetBrains Mono',monospace; --sans: 'Inter',system-ui,sans-serif;
  --r: 10px; --t: .2s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
/* Navbar */
.navbar{background:rgba(10,10,15,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;gap:1.5rem}
.brand{font-family:var(--mono);font-weight:700;font-size:.95rem;white-space:nowrap}
.brand .br{color:var(--muted)}.brand .acc{color:var(--cyan)}.brand .sub{color:var(--muted);font-size:.75rem}
.nav-links{display:flex;gap:1.25rem;flex:1}
.nav-links a{font-size:.85rem;color:var(--muted);transition:color var(--t);padding:.25rem 0;border-bottom:1px solid transparent;transition:all var(--t)}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--cyan)}
.nav-links .admin-link{color:var(--cyan)}
.nav-auth{display:flex;gap:.75rem;align-items:center}
.btn-ghost-sm{padding:.35rem .9rem;border:1px solid var(--border-h);border-radius:6px;font-size:.8rem;color:var(--text);transition:all var(--t)}
.btn-ghost-sm:hover{background:rgba(0,212,255,.08)}
.btn-primary-sm{padding:.35rem .9rem;background:var(--cyan);color:#000;border-radius:6px;font-size:.8rem;font-weight:600;transition:all var(--t)}
.btn-primary-sm:hover{background:#33ddff}
.btn-logout{background:none;border:1px solid var(--border);color:var(--muted);padding:.3rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all var(--t)}
.btn-logout:hover{border-color:var(--red);color:var(--red)}
/* Main */
.main-content{flex:1;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;width:100%}
/* Footer */
.footer{border-top:1px solid var(--border);padding:1.25rem 1.5rem;text-align:center;font-size:.8rem;color:var(--muted)}
.footer a{color:var(--cyan)}
/* Cards */
.card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--r);padding:1.75rem}
.card-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}
.card-title .tag{font-family:var(--mono);font-size:.7rem;color:var(--cyan);border:1px solid rgba(0,212,255,.25);padding:.15rem .5rem;border-radius:4px}
/* Page Title */
.page-title{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}
.page-sub{color:var(--muted);margin-bottom:2rem}
/* Forms */
.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}
label{font-size:.85rem;color:var(--muted);font-weight:500}
.req{color:var(--cyan)}
input,select,textarea{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:8px;padding:.65rem 1rem;color:var(--text);transition:all var(--t);outline:none;font-family:inherit;font-size:.9rem}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}
select option{background:var(--bg2)}
input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.1)}
textarea{resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all var(--t)}
.btn-primary{background:var(--cyan);color:#000}.btn-primary:hover{background:#33ddff;box-shadow:0 0 20px rgba(0,212,255,.3)}
.btn-danger{background:rgba(255,85,85,.15);color:var(--red);border:1px solid rgba(255,85,85,.3)}.btn-danger:hover{background:rgba(255,85,85,.25)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-h)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.btn-full{width:100%;justify-content:center}
.btn-sm{padding:.4rem 1rem;font-size:.8rem}
/* Alerts */
.alert{padding:.875rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem}
.alert-error{background:rgba(255,85,85,.1);border:1px solid rgba(255,85,85,.3);color:var(--red)}
.alert-success{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--green)}
.alert-info{background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.25);color:var(--cyan)}
/* Tables */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.875rem}
th{text-align:left;padding:.65rem 1rem;border-bottom:1px solid var(--border);color:var(--muted);font-weight:500;font-size:.8rem}
td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04)}
tr:hover td{background:rgba(255,255,255,.02)}
/* Badges */
.badge{display:inline-block;padding:.15rem .6rem;border-radius:100px;font-size:.72rem;font-weight:600;font-family:var(--mono)}
.badge-green{background:rgba(0,255,136,.12);color:var(--green);border:1px solid rgba(0,255,136,.25)}
.badge-red{background:rgba(255,85,85,.12);color:var(--red);border:1px solid rgba(255,85,85,.25)}
.badge-cyan{background:rgba(0,212,255,.1);color:var(--cyan);border:1px solid rgba(0,212,255,.2)}
.badge-muted{background:rgba(100,116,139,.15);color:var(--muted);border:1px solid rgba(100,116,139,.2)}
/* Stat Grid */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}
.stat-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--r);padding:1.25rem}
.stat-card .num{font-family:var(--mono);font-size:1.8rem;font-weight:700;color:var(--cyan)}
.stat-card .lbl{font-size:.8rem;color:var(--muted);margin-top:.25rem}
/* Token box */
.token-reveal{background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}
.token-reveal p{font-size:.85rem;color:var(--cyan);margin-bottom:.5rem;font-weight:600}
.token-value{font-family:var(--mono);font-size:.8rem;word-break:break-all;background:rgba(0,0,0,.3);padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border)}
/* Misc */
.mono{font-family:var(--mono);font-size:.85rem}
.muted{color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:768px){.form-row,.grid-2{grid-template-columns:1fr}.nav-links{display:none}}