:root{--primary:#1d4ed8;--sidebar:#111827;--sidebar-hover:#1f2937}body{background:#f5f7fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.login-box{width:min(430px,92vw);background:#fff;padding:38px;border-radius:18px;box-shadow:0 20px 60px rgba(15,23,42,.12)}.brand-mark{font-size:42px}.login-box h1{font-size:25px;font-weight:700}.form-control{border-color:#dbe1ea}.sidebar{width:255px;min-height:100vh;background:var(--sidebar);color:#fff;padding:20px 14px}.sidebar-brand{font-size:21px;font-weight:700;padding:8px 12px 25px}.sidebar .nav-link{color:#cbd5e1;padding:12px 14px;border-radius:9px;margin:2px 0}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:var(--sidebar-hover);color:#fff}.topbar{height:76px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.user-pill{display:flex;flex-direction:column;text-align:right;font-size:14px}.user-pill span{font-size:12px;color:#64748b}.stat-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 20px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:5px}.stat-card span{color:#64748b;font-size:14px}.stat-card strong{font-size:28px}.stat-card small{color:#94a3b8}@media(max-width:768px){.sidebar{width:74px}.sidebar-brand span,.sidebar .nav-link{font-size:0}.sidebar .nav-link:first-letter{font-size:18px}.topbar{padding:0 15px}.user-pill{display:none}}