:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#123247;background:#f9f9f7;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #003857;--blue: #1b4f72;--aqua: #74c7c2;--coral: #ed7666;--cream: #f9f9f7;--line: #dce7e8;--muted: #6b7d84}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input{font:inherit}button{cursor:pointer}.center-state,.login-page{min-height:100vh;display:grid;place-items:center}.center-state{color:var(--muted)}.login-page{padding:24px;background:linear-gradient(135deg,#e5f2f0,var(--cream) 55%)}.login-panel{width:min(100%,430px);padding:42px;background:#ffffffeb;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #0038571a}.brand-mark{display:grid;place-items:center;width:52px;height:52px;color:#fff;background:var(--navy);border-radius:16px 16px 16px 4px;font-weight:800;letter-spacing:.04em}.brand-mark.small{width:38px;height:38px;border-radius:11px 11px 11px 3px;font-size:12px}.eyebrow{margin:0 0 8px;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:18px 0 10px;color:var(--navy);font-size:clamp(28px,4vw,42px);line-height:1.08}h2{margin:0;color:var(--navy);font-size:28px}h3{margin-bottom:8px;color:var(--navy);font-size:20px}.muted{color:var(--muted);line-height:1.6}.login-form{display:grid;gap:18px;margin-top:30px}label{display:grid;gap:8px;color:var(--navy);font-size:13px;font-weight:700}input{width:100%;padding:13px 14px;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:10px;outline:none}input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #74c7c233}button[type=submit]{padding:14px 18px;color:#fff;background:var(--navy);border:0;border-radius:10px;font-weight:750}button:disabled{cursor:wait;opacity:.65}.form-error{margin:-4px 0;color:#b33f36;font-size:13px}.app-layout{display:flex;min-height:100vh}.sidebar{display:flex;width:254px;flex-direction:column;padding:28px 18px 20px;color:#dcecef;background:var(--navy)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 34px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:#fff;font-size:14px}.sidebar-brand span{margin-top:3px;color:#9ec7c8;font-size:11px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;color:#b9d0d4;background:transparent;border:0;border-radius:10px;text-align:left;font-size:13px}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1f}.nav-item.active{box-shadow:inset 3px 0 var(--coral)}.nav-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.sign-out{margin-top:auto;padding:12px;color:#b9d0d4;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:10px;font-size:13px}.sign-out:hover{color:#fff;border-color:#ffffff73}.content-area{width:calc(100% - 254px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,5vw,70px) 24px;border-bottom:1px solid var(--line);background:#ffffff8c}.user-chip{display:flex;align-items:center;gap:10px}.user-chip strong,.user-chip small{display:block}.user-chip strong{color:var(--navy);font-size:13px}.user-chip small{margin-top:3px;color:var(--muted);font-size:11px}.avatar{display:grid;place-items:center;width:38px;height:38px;color:var(--navy);background:#d3edeb;border-radius:50%;font-weight:800}.page-content{padding:34px clamp(24px,5vw,70px) 60px}.welcome-card{display:flex;justify-content:space-between;min-height:190px;padding:30px;background:var(--blue);border-radius:18px;overflow:hidden}.welcome-card h3,.welcome-card .muted{max-width:580px;color:#fff}.welcome-card .eyebrow{color:#a7ded7}.welcome-card .muted{margin-bottom:0;color:#c4dce0}.wave-art{align-self:center;color:var(--aqua);font-size:130px;line-height:.5;transform:rotate(-8deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:38px 0 16px}.section-heading h3{margin:0}.status-badge{padding:7px 10px;color:#6a7165;background:#e9eedf;border-radius:999px;font-size:11px;font-weight:800}.empty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.data-card{min-height:150px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.card-kicker{color:var(--navy);font-size:13px;font-weight:800}.data-card p{min-height:42px;margin:16px 0;color:var(--muted);font-size:13px;line-height:1.5}.placeholder-line{width:68%;height:7px;background:#e7f0ef;border-radius:99px}.empty-state{display:grid;min-height:360px;place-items:center;align-content:center;padding:40px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--aqua);border:2px solid var(--aqua);border-radius:50%;font-size:28px}.empty-state h3{margin:18px 0 8px}.empty-state p{max-width:420px;margin-bottom:0}@media (max-width: 760px){.app-layout{display:block}.sidebar{width:100%;padding:16px}.sidebar-brand{padding:0 4px 16px}nav{display:flex;overflow-x:auto}.nav-item{flex:0 0 auto}.sign-out{margin-top:14px}.content-area{width:100%}.topbar{align-items:flex-start;gap:18px;padding:24px}.user-chip{flex:0 0 auto}.page-content{padding:24px}.welcome-card{min-height:0;padding:24px}.wave-art{display:none}.empty-grid{grid-template-columns:1fr}}@media (max-width: 480px){.login-panel{padding:28px 22px}.topbar{display:block}.user-chip{margin-top:18px}}