@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#f4f6f8;--ink:#172333;--muted:#718096;--line:#e5eaf0;--navy:#10243a;--teal:#2bb9a5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#10243a;color:#dce6ef;padding:30px 18px;display:flex;flex-direction:column;z-index:2}.brand-block{padding:0 0 34px}.company-logo{background:#fff;border-radius:10px;padding:9px 8px;margin:0 3px 17px;display:flex;align-items:center;justify-content:center}.company-logo img{display:block;width:100%;height:auto;max-height:76px;object-fit:contain}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font:800 18px Manrope,sans-serif;letter-spacing:1.6px;color:white}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--teal);color:#10243a;font-size:20px}.muted{color:#86a2b8}.eyebrow,.side-label{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#8b9bad}.side-label{padding:0 12px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;color:#bdcbd8;text-decoration:none;font-size:12px;margin:2px 0}.nav-item.active{background:#203b53;color:white}.nav-number{font-size:10px;color:#7192a8;width:17px}.sidebar-footer{margin-top:auto;padding:14px 10px;color:#8fa4b6;font-size:10px;line-height:1.5}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8b65b;margin-right:7px}.main{margin-left:260px;padding:34px 42px 24px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-heading h2,.topbar h1{font:700 25px Manrope,sans-serif;margin:5px 0 0}.profile{display:flex;align-items:center;gap:10px;color:#627185;font-size:12px}.profile-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dceeea;color:#167f73;font-weight:700}.welcome{background:linear-gradient(110deg,#17344d,#1d5361);border-radius:15px;padding:35px 40px;color:white;display:flex;justify-content:space-between;align-items:center;min-height:210px;overflow:hidden}.eyebrow.light{color:#8bd9cb}.welcome h2{font:700 29px/1.25 Manrope,sans-serif;margin:12px 0}.welcome p{color:#c2d4dc;font-size:13px;margin:0}.welcome-symbol{font:800 88px Manrope,sans-serif;color:#ffffff18;letter-spacing:-8px;margin-right:35px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 16px}.section-heading h2{font-size:18px}.tag{border:1px solid #e5d6ae;background:#fff9e9;color:#987332;padding:7px 11px;border-radius:20px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.metric small,.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font:700 25px Manrope,sans-serif;margin:13px 0 8px;color:#9aa8b5}.metric small{font-size:10px}.modules-heading{margin-top:36px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.module-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:155px}.module-top{display:flex;justify-content:space-between;align-items:center}.module-number{font:700 11px Manrope;color:#1d9b8b;background:#e9f7f4;padding:6px 8px;border-radius:6px}.arrow{color:#9aabba}.module-card h3{font:700 14px Manrope;margin:15px 0 6px}.module-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 12px}.coming{font-size:8px;letter-spacing:1.1px;color:#9ba9b5;font-weight:700}footer{padding:30px 0 8px;color:#9aa6b2;font-size:10px}@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px;padding:28px}.metrics,.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px}.brand-block{padding:0 0 15px}.company-logo{max-width:300px;margin-bottom:12px}.brand{padding:0 8px}.nav-item,.side-label,.sidebar-footer{display:none}.main{margin:0;padding:20px 15px}.welcome{padding:25px;min-height:190px}.welcome h2{font-size:23px}.welcome-symbol{font-size:55px;margin:0}.metrics,.module-grid{grid-template-columns:1fr}.topbar h1{font-size:22px}}