:root{--bg:#07111f;--bg2:#0b1f3a;--cyan:#00d4ff;--violet:#7c3aed;--green:#10b981;--text:#f8fafc;--muted:#94a3b8;--card:rgba(255,255,255,.08);--border:rgba(255,255,255,.12);--white:#fff;--shadow:0 24px 60px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f6fb;color:#0f172a}.auth-body{min-height:100vh;background:radial-gradient(circle at top left,rgba(0,212,255,.25),transparent 30%),radial-gradient(circle at bottom right,rgba(124,58,237,.35),transparent 35%),linear-gradient(135deg,var(--bg),#020617);display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text)}.auth-wrapper{width:min(1180px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.auth-hero{border:1px solid var(--border);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03));backdrop-filter:blur(18px);padding:56px;align-items:flex-end;min-height:640px;box-shadow:var(--shadow)}.auth-hero h1{font-size:56px;line-height:1.02;font-weight:900;letter-spacing:-.04em;margin:20px 0}.auth-hero p{font-size:18px;color:#cbd5e1;max-width:620px}.hero-pill{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:99px;background:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.35);color:#a5f3fc}.auth-card,.auth-small-card{background:rgba(255,255,255,.94);color:#0f172a;border-radius:28px;padding:38px;box-shadow:var(--shadow);align-self:center}.auth-small-card{width:min(480px,100%)}.auth-card h2,.auth-small-card h2{font-weight:900}.auth-brand{margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px;text-decoration:none;color:inherit}.brand-logo{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#fff;box-shadow:0 14px 30px rgba(124,58,237,.35)}.btn-primary-gradient{border:0;color:#fff!important;background:linear-gradient(135deg,var(--cyan),var(--violet));font-weight:800;box-shadow:0 12px 26px rgba(124,58,237,.25)}.btn-primary-gradient:hover{filter:brightness(1.05);transform:translateY(-1px)}.demo-box{font-size:13px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:18px;padding:14px;color:#475569}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:linear-gradient(180deg,#07111f,#0b1f3a);color:var(--text);padding:24px;position:sticky;top:0;height:100vh}.user-box{display:flex;gap:12px;align-items:center;padding:18px;margin:24px 0;border:1px solid var(--border);border-radius:22px;background:var(--card)}.user-box small{display:block;color:var(--muted)}.avatar{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--green),var(--cyan));display:grid;place-items:center;font-weight:900}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-menu a{color:#cbd5e1;text-decoration:none;padding:13px 14px;border-radius:16px;display:flex;gap:10px;align-items:center}.nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.1);color:#fff}.logout-link{margin-top:18px;color:#fecaca!important}.content{padding:30px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.topbar h1{font-weight:900;margin:0;letter-spacing:-.03em}.topbar p{margin:4px 0 0;color:#64748b}.topbar-badge{padding:10px 14px;border-radius:99px;background:#ecfeff;color:#0369a1;border:1px solid #bae6fd;font-weight:700}.panel,.filter-card,.stat-card,.mini-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.filter-card{border-left:5px solid var(--cyan)}.stat-card{position:relative;overflow:hidden;min-height:142px}.stat-card span{color:#64748b;font-weight:700}.stat-card strong{display:block;font-size:30px;margin-top:12px;font-weight:900}.stat-card i{position:absolute;right:20px;bottom:18px;font-size:52px;color:rgba(124,58,237,.15)}.mini-card{display:flex;align-items:center;justify-content:space-between}.mini-card strong{font-size:34px;color:var(--violet)}.panel h5{font-weight:900;margin-bottom:18px}.table thead th{font-size:12px;text-transform:uppercase;color:#64748b;letter-spacing:.08em}.table td,.table th{vertical-align:middle}.form-control,.form-select{border-radius:14px;border-color:#dbe3ef;padding:11px 14px}.form-control:focus,.form-select:focus{border-color:var(--cyan);box-shadow:0 0 0 .2rem rgba(0,212,255,.14)}.badge{border-radius:99px;padding:7px 10px}@media(max-width:991px){.auth-wrapper{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.content{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.auth-hero h1{font-size:38px}}