:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182943;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:266px;background:#12233f;color:#d6e1f0;position:fixed;inset:0 auto 0 0;overflow:auto;padding:24px 15px;z-index:5}.logo{display:flex;align-items:center;gap:12px;margin:0 7px 30px}.logo strong{display:block;color:white;letter-spacing:.5px}.logo small{display:block;font-size:11px;color:#b5c3d9;margin-top:4px}.brand-mark{display:grid;place-items:center;background:#d6ac5b;color:#17243c;width:42px;height:42px;border-radius:12px;font-weight:900;font-size:23px;flex:none}.nav-heading{color:#8ea2be;font-size:10px;letter-spacing:1.5px;font-weight:800;margin:25px 12px 10px}.sidebar nav a,.nav-disabled{display:flex;justify-content:space-between;align-items:center;border-radius:9px;padding:11px 13px;font-size:13px;margin:3px 0}.sidebar nav a.active{background:#284a76;color:white;font-weight:700}.sidebar nav a:hover{background:#243c60}.nav-disabled{color:#a4b4ca;opacity:.7}.nav-disabled small{font-size:9px;color:#8fa6c6}.content{margin-left:266px;flex:1;min-width:0}.topbar{height:73px;background:white;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 31px}.crumb{font-size:12px;font-weight:800;letter-spacing:.5px;color:#506480}.user{display:flex;align-items:center;gap:14px;font-size:12px}.user small{background:#edf2f9;padding:6px 9px;border-radius:30px}.user a{color:#345c96;font-weight:700}.menu-toggle{display:none}main{padding:29px;max-width:1600px;margin:auto}.hero{background:linear-gradient(120deg,#142843,#24466d);border-radius:18px;color:white;padding:30px 33px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 8px 24px #1937561c}.eyebrow{color:#e6bf71;font-size:10px;font-weight:800;letter-spacing:2px}.hero h1{font-size:26px;margin:12px 0 8px}.hero p{font-size:13px;color:#d1deed;margin:0 0 18px}.fresh{font-size:11px;color:#c0d1e4}.hero-badge{border:1px solid #8a9cb7;border-radius:30px;padding:10px 16px;font-size:11px;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 16px}.section-heading h2{font-size:17px;margin:0}.section-heading span{font-size:11px;color:#718096}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.metric,.panel{background:white;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 3px 12px #172f4c08}.metric{padding:21px}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#66778d}.metric-icon{width:33px;height:33px;border-radius:10px;background:#eaf0f9;color:#315f95;display:grid;place-items:center;font-weight:800}.metric-value{font-size:28px;font-weight:800;margin:10px 0}.metric-foot{font-size:11px;color:#8491a4}.panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}.panel{padding:0 20px 22px;min-height:290px}.empty{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#8190a3;padding:15px}.empty strong{color:#52627b;font-size:13px}.empty p{font-size:12px;max-width:270px;line-height:1.7}.empty-icon{font-size:30px;margin-bottom:15px;color:#9eb1cb}.activity{border-bottom:1px solid #e7edf4;padding:12px 0;display:flex;flex-direction:column;gap:6px;font-size:12px}.activity span,.activity small{color:#6a7b90}footer{text-align:center;color:#96a2b2;font-size:11px;padding:32px 0}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#10223f,#2a527c);padding:20px}.login-card{width:min(100%,430px);padding:38px;background:white;border-radius:20px;box-shadow:0 20px 50px #0003}.login-card h1{font-size:23px;margin-bottom:6px}.login-card p{font-size:13px;color:#66778d;line-height:1.6}.login-card form{display:grid;gap:18px;margin:27px 0}.login-card label{display:grid;gap:8px;font-size:12px;font-weight:700}.login-card input{padding:13px;border:1px solid #d5dfe9;border-radius:9px;font:inherit;font-size:14px;width:100%}.login-card button{background:#183d69;color:white;border:0;border-radius:9px;padding:14px;font-weight:800;cursor:pointer}.login-card small{font-size:11px;color:#8090a3}.alert{background:#fff0f0;color:#a62b2b;padding:12px;border-radius:8px;font-size:12px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.content{margin-left:0}.menu-toggle{display:block;border:0;background:#eef2f8;border-radius:9px;padding:10px 13px;cursor:pointer}.topbar{padding:0 18px}.crumb{display:none}main{padding:17px}.hero{padding:25px}.hero h1{font-size:22px}}@media(max-width:560px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:13px}.metric-value{font-size:24px}.metric-top{font-size:11px}.hero{display:block}.hero-badge{display:inline-block;margin-top:18px}.user{gap:8px}.user small{display:none}.section-heading h2{font-size:15px}.panel{padding:0 13px 18px}}