@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');:root{--navy:#10263b;--teal:#18b4a3;--gold:#f2c977;--muted:#6c7c8d}*{box-sizing:border-box}body{font-family:'DM Sans',sans-serif;color:var(--navy)}.landing{background:#0d2437}.hero-shell{min-height:100dvh;position:relative;overflow:hidden;padding:22px clamp(20px,5vw,90px);background:linear-gradient(90deg,rgba(9,28,45,.94) 0%,rgba(10,35,52,.77) 48%,rgba(10,35,52,.24) 100%),url('building.svg') center/cover no-repeat;color:#fff}.navbar{position:relative;z-index:2}.navbar-brand{display:flex;align-items:center;gap:12px;font-size:1.25rem}.brand-light{font-weight:400}.hero-content{position:relative;z-index:1;max-width:680px;margin-top:clamp(60px,12vh,160px)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--gold)}.eyebrow.dark{color:#169f93}.hero-content h1{font-size:clamp(3.2rem,6vw,6.8rem);line-height:1.05;font-weight:700;letter-spacing:-.055em;margin:20px 0}.hero-content h1 em{font-family:'Playfair Display',serif;color:var(--gold);font-weight:600}.hero-content p{font-size:1.13rem;max-width:530px;color:#dce6e8;margin-bottom:32px}.btn-accent{background:var(--teal);color:white;border:0}.btn-accent:hover{background:#0a9186;color:white}.hero-foot{margin-top:clamp(45px,8vh,100px);letter-spacing:.15em;font-size:.7rem;opacity:.75}.hero-foot span{margin:0 12px}.login-panel{position:absolute;right:clamp(20px,5vw,90px);bottom:9%;width:min(360px,31vw);padding:30px;border-radius:22px;background:#fff;color:var(--navy);box-shadow:0 22px 80px #0004}.letter-spaced{letter-spacing:.12em}.login-panel h2{font-weight:700}.dashboard-body{background:#f3f7f8}.app-layout{display:flex;min-height:100vh}.sidebar{width:255px;flex-shrink:0;background:#10283d;color:white;padding:28px 18px;display:flex;flex-direction:column;min-height:100vh}.side-brand{color:white;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:1.15rem;font-weight:700;line-height:1.15;padding:0 8px 32px}.side-brand small{font-weight:400;color:#a9c1ce}.sidebar-caption{font-size:.65rem;letter-spacing:.16em;color:#8daab8;margin:12px 12px}.nav-link{color:#bbced8;border-radius:11px;padding:12px 14px;cursor:pointer}.nav-link:hover,.nav-link.active{background:#1f4b5a;color:white}.sidebar-bottom{margin-top:auto;background:#1a3c4c;padding:16px;border-radius:14px}.content-wrap{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px clamp(18px,3vw,48px);background:white;gap:15px}.topbar h1{font-size:1.55rem;font-weight:700;margin:4px 0 0}.avatar{display:grid;place-items:center;background:#def6f2;color:#147e76;width:44px;height:44px;border-radius:50%;font-weight:700}.main-content{padding:30px clamp(18px,3vw,48px)}.welcome-banner{background:linear-gradient(110deg,#133e50,#0f706c);border-radius:22px;color:white;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;min-height:190px;overflow:hidden}.welcome-banner h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin:10px 0}.welcome-banner p{color:#d5e8e8;margin:0}.welcome-banner img{width:225px;height:150px;object-fit:cover;border-radius:15px;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.stat,.panel{background:white;border:1px solid #e8eef0;border-radius:18px;padding:23px;box-shadow:0 6px 22px #133e5008}.stat .num{font-size:1.9rem;font-weight:700;margin:12px 0 4px}.stat .label{color:#6b8190;font-size:.85rem}.stat .symbol{font-size:1.5rem}.panel h3{font-size:1.1rem;font-weight:700;margin:0}.pill{background:#e4f8f3;color:#137e73;padding:6px 12px;border-radius:99px;font-size:.75rem;font-weight:700}.table th{font-size:.75rem;text-transform:uppercase;color:#79909c;font-weight:600}.table td{padding:15px 8px;color:#39505d}.support-box{background:#f0f8f8;padding:14px;border-radius:12px;color:#3b6b72;font-size:.85rem}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.module-tile{border:1px solid #e1e9ed;border-radius:12px;padding:15px;background:#f9fcfc;color:#244a5a;font-weight:600;cursor:pointer;text-align:left}.module-tile:hover{border-color:var(--teal);background:#effbf8}footer{color:#8ca0a8;font-size:.78rem;margin:30px 0}@media(max-width:1100px){.login-panel{position:relative;right:auto;bottom:auto;width:100%;max-width:420px;margin:35px 0}.hero-content{margin-top:55px}.stats-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:.25s;top:0;bottom:0;overflow-y:auto}.sidebar.open{transform:translateX(0)}.welcome-banner img{width:135px}}@media(max-width:575px){.hero-shell{padding:18px}.hero-content{margin-top:55px}.hero-content h1{font-size:3.2rem}.hero-foot{margin-top:36px}.login-panel{padding:23px}.topbar{padding:16px}.main-content{padding:18px}.welcome-banner{padding:24px}.welcome-banner img{display:none}.stats-grid{gap:10px}.stat{padding:16px}.stat .num{font-size:1.4rem}.module-grid{grid-template-columns:1fr 1fr}.topbar h1{font-size:1.2rem}}