*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(99,102,241,.25),transparent 35%),radial-gradient(circle at top right,rgba(236,72,153,.18),transparent 30%),linear-gradient(135deg,#070b18,#111827 45%,#020617);color:#e5e7eb;min-height:100vh}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:270px;padding:24px;background:rgba(2,6,23,.72);border-right:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;inset:0 auto 0 0}.brand{margin-bottom:34px}.brand-badge{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);font-weight:900;font-size:22px;box-shadow:0 18px 45px rgba(99,102,241,.35)}.brand h1{font-size:20px;margin:14px 0 4px}.brand p{color:#94a3b8;margin:0;font-size:13px}.nav{display:grid;grid-gap:10px;gap:10px}.nav a{padding:13px 14px;border-radius:16px;color:#cbd5e1;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:.2s}.nav a:hover{color:#fff;background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(236,72,153,.25));transform:translateX(4px)}.main{margin-left:270px;width:calc(100% - 270px)}.hero,.main{padding:34px}.hero{border-radius:30px;background:linear-gradient(135deg,rgba(99,102,241,.28),rgba(236,72,153,.16)),rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.35);margin-bottom:26px}.hero h2{margin:0;font-size:34px;letter-spacing:-.8px}.hero p{color:#cbd5e1;max-width:850px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:18px;gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{padding:24px;border-radius:26px;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.25)}.card h3{margin:0 0 10px;font-size:18px}.card p{color:#94a3b8;line-height:1.6}.metric{font-size:34px;font-weight:900;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;color:transparent}.form{display:grid;grid-gap:14px;gap:14px}.input,input,select,textarea{width:100%;padding:13px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.55);color:#fff;outline:none}textarea{min-height:120px}.btn,button{border:0;padding:13px 18px;border-radius:15px;color:white;cursor:pointer;font-weight:800;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 15px 35px rgba(99,102,241,.25)}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.15);color:#86efac;font-size:12px;border:1px solid rgba(34,197,94,.25)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.table th{color:#a5b4fc}@media (max-width:900px){.sidebar{position:relative;width:100%}.shell{display:block}.main{margin-left:0;width:100%;padding:20px}.grid,.grid-2{grid-template-columns:1fr}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:460px;padding:34px;border-radius:30px;background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(236,72,153,.12)),rgba(15,23,42,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 100px rgba(0,0,0,.45)}.login-card h1{margin:18px 0 8px;font-size:32px}.login-card p{color:#cbd5e1;line-height:1.6}.error-box{padding:12px 14px;border-radius:14px;color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.28)}