@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--navy:#102a56;--blue:#2363d1;--ink:#15233b;--muted:#71809a;--line:#e7edf5;--bg:#f6f8fc}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:250px;padding:27px 18px;display:flex}.brand{letter-spacing:-.4px;align-items:center;gap:11px;margin:0 5px 54px;font-size:17px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2f75e8,#17449a);border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:grid;box-shadow:0 8px 20px #2363d133}.brand-mark.small{border-radius:10px;width:34px;height:34px;font-size:18px}.side-label,.eyebrow{letter-spacing:1.35px;color:#8997ad;font-size:10px;font-weight:800}.side-label{padding:0 10px 12px}.nav{color:#64738b;border-radius:9px;margin:2px 0;padding:12px 13px;font-size:13px;font-weight:600}.nav.active{color:#1f5fc5;background:#edf4ff}.sidebar-bottom{border-top:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:18px 3px 0;display:grid}.user-dot{color:#245db5;background:#e8effc;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.sidebar-bottom strong,.sidebar-bottom small{font-size:10px;display:block}.sidebar-bottom small{color:var(--muted);margin-top:3px}.signout{color:#75839a;cursor:pointer;background:0 0;border:0;font-size:10px}.main{width:100%;max-width:1500px;margin:0 auto;padding:34px 42px}.topbar{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.eyebrow{margin:0 0 8px}.topbar h1{letter-spacing:-1px;margin:0;font-size:26px}.live-pill{letter-spacing:.7px;color:#52647f;background:#fff;border:1px solid #dce7f7;border-radius:30px;padding:9px 13px;font-size:9px;font-weight:800}.live-pill span{background:#36b37e;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.welcome{color:#fff;background:linear-gradient(112deg,#143568,#1e5bb5 68%,#2b70cc);border-radius:17px;justify-content:space-between;min-height:220px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.eyebrow.light{color:#b9d2f7}.welcome h2{letter-spacing:-1.2px;margin:0 0 12px;font-size:29px;line-height:1.2}.welcome p:not(.eyebrow){color:#d5e3f7;max-width:500px;margin:0;font-size:12px;line-height:1.8}.welcome-art{place-items:center;width:270px;display:grid;position:relative}.art-ring{border:1px solid #ffffff38;border-radius:50%;width:190px;height:190px;position:absolute;box-shadow:0 0 0 25px #ffffff0c,0 0 0 50px #ffffff08}.art-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff18;border:1px solid #ffffff45;border-radius:12px;padding:17px 20px;position:relative;box-shadow:0 12px 30px #0a255044}.art-card span,.art-card b,.art-card small{display:block}.art-card span{letter-spacing:1px;color:#b9d2f7;font-size:8px}.art-card b{margin:9px 0;font-size:13px}.art-card small{color:#d3e1f5;font-size:9px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 34px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 18px}.stat span{letter-spacing:.8px;color:#8795aa;font-size:9px;font-weight:800;display:block}.stat strong{letter-spacing:-1px;margin:10px 0 4px;font-size:26px;display:block}.stat small{color:#8a97aa;font-size:10px}.section-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-head h2{letter-spacing:-.5px;margin:0;font-size:19px}.muted{color:var(--muted);font-size:11px}.modules{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.module{border:1px solid var(--line);background:#fff;border-radius:12px;gap:15px;min-height:145px;padding:20px;display:flex}.module-icon{border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.blue{color:#2866c6;background:#edf4ff}.violet{color:#7657c8;background:#f2efff}.teal{color:#238e78;background:#eaf8f5}.amber{color:#bd8128;background:#fff5e7}.module h3{margin:1px 0 7px;font-size:14px}.module p{color:#75839a;max-width:450px;margin:0 0 12px;font-size:11px;line-height:1.65}.tag{letter-spacing:.8px;color:#8090a8;font-size:8px;font-weight:800}footer{color:#98a4b5;text-align:center;margin-top:28px;font-size:9px}.login-wrap{background:linear-gradient(145deg,#f6f9ff,#edf3fc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,430px);padding:38px;box-shadow:0 18px 55px #173a7010}.login-card .brand-mark{margin-bottom:25px}.login-card h1{letter-spacing:-1px;margin:0 0 10px;font-size:25px}.login-card .muted{margin-bottom:27px;font-size:12px;line-height:1.7}.login-card label{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-card input{width:100%;font:inherit;border:1px solid #dce4ef;border-radius:8px;margin-bottom:14px;padding:12px;font-size:13px}.primary{color:#fff;font:inherit;cursor:pointer;background:#2464ce;border:0;border-radius:8px;padding:13px 17px;font-size:12px;font-weight:700}.primary:disabled{opacity:.6}.full{width:100%}.tiny{color:#95a1b2;text-align:center;margin-top:24px;font-size:9px}.notice{border-radius:9px;padding:13px;font-size:11px;line-height:1.6}.success{color:#26754e;background:#eef8f3}.error{color:#c0392b;font-size:11px}@media (max-width:900px){.sidebar{width:205px}.main{padding:25px 22px}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:13px 16px}.brand{margin:0}.side-label,.nav,.sidebar-bottom{display:none}.main{padding:22px 15px}.welcome{padding:25px 22px}.welcome-art{display:none}.welcome h2{font-size:25px}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:22px}.modules{grid-template-columns:1fr}.section-head .muted{display:none}.topbar h1{font-size:23px}.live-pill{font-size:8px}}