*{box-sizing:border-box;margin:0;padding:0}body{color:#0a1628;background:#eef4fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--navy:#0d1f3c;--blue:#1a6ed8;--blue-light:#4a9eff;--bg:#eef4fb;--white:#fff;--border:#c8daea;--border-light:#eef4fb;--text:#0a1628;--text-muted:#7a9bb8;--text-faint:#a0b8d0;--surface:#f4f8fd;--green:#2e7d52;--green-bg:#e6f4ec;--amber:#b76e00;--amber-bg:#fef3e2;--red:#c0392b;--red-bg:#fdecea}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);z-index:10;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:fixed}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;display:flex}.topbar{border-bottom:.5px solid var(--border);z-index:5;background:#fff;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.mobile-menu-btn{cursor:pointer;color:#5a7a98;background:0 0;border:none;margin-right:8px;padding:4px;font-size:20px;display:none}.mobile-overlay{display:none}.page-content{flex:1;padding:1.5rem}.portal-footer{border-top:.5px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0 .5rem;display:flex}.portal-footer-brand{color:#0a1628;letter-spacing:-.3px;font-size:13px;font-weight:700}.portal-footer-brand span{color:var(--blue)}.portal-footer-sub{color:#a0b8d0;text-transform:uppercase;letter-spacing:1px;margin-top:1px;font-size:10px}.portal-footer-right{align-items:center;gap:1rem;display:flex}.portal-footer-badge{color:#8aaacb;align-items:center;gap:4px;font-size:11px;display:flex}.sb-logo-wrap{border-bottom:.5px solid #ffffff14;padding:1.25rem}.sb-logo{color:#fff;font-size:18px;font-weight:600}.sb-logo span{color:var(--blue-light)}.sb-logo-sub{color:#ffffff4d;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:9px}.sb-user{border-bottom:.5px solid #ffffff14;align-items:center;gap:10px;padding:1rem 1.25rem;display:flex}.sb-avatar{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.sb-user-name{color:#fff;font-size:13px;font-weight:500}.sb-user-role{color:#ffffff59;margin-top:1px;font-size:10px}.sb-nav{flex:1;padding:1rem 0;overflow-y:auto}.sb-section-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;padding:.5rem 1.25rem;font-size:9px}.sb-item{color:#ffffff80;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:1px 10px;padding:8px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.sb-item:hover{color:#fff;background:#ffffff0f}.sb-item.active{color:#fff;background:linear-gradient(90deg,#4a9eff38,#4a9eff1a);box-shadow:inset 0 0 0 .5px #4a9eff40}.sb-badge{background:var(--blue);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:10px}.sb-bottom{border-top:.5px solid #ffffff0f;flex-shrink:0;padding:.75rem 1rem}.card{background:#fff;border:.5px solid #e4edf7;border-radius:12px;transition:box-shadow .18s,transform .18s;box-shadow:0 1px 2px #0d1f3c0a,0 4px 16px #0d1f3c0d}.card-header{border-bottom:.5px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.card-title{color:var(--text);letter-spacing:-.1px;font-size:14px;font-weight:600}.card-body{padding:1.25rem}.metric-card{border:.5px solid #e4edf7;border-top:2.5px solid var(--blue);background:#fff;border-radius:12px;padding:1rem 1.25rem;transition:box-shadow .18s,transform .18s;box-shadow:0 1px 2px #0d1f3c0a,0 4px 16px #0d1f3c0d}.metric-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0d1f3c0d,0 8px 24px #0d1f3c14}.metric-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px;font-size:10px}.metric-val{color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.metric-sub{color:var(--blue);margin-top:3px;font-size:11px}.hero-navy{background:linear-gradient(135deg,#0d1f3c 0%,#122b52 55%,#173764 100%);position:relative;overflow:hidden}.hero-navy:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a9eff2e,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-40px}.hero-navy>*{position:relative}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#2a7ce0,#1863c4);border:none;border-radius:9px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:box-shadow .15s,transform .15s,filter .15s;display:inline-flex;box-shadow:0 2px 8px #1a6ed847}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 12px #1a6ed859}.btn-primary:active{filter:brightness(.97);transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn-ghost{color:var(--blue);border:.5px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;padding:10px 20px;font-size:13px;font-weight:500;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0d1f3c0d}.btn-ghost:hover{background:var(--surface);transform:translateY(-1px);box-shadow:0 3px 8px #0d1f3c14}.btn-sm{padding:7px 14px;font-size:12px}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{color:var(--blue);background:#eaf2fc}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mb-24{margin-bottom:1.5rem}.form-input{border:.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.form-input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #1a6ed81f}.form-select{border:.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:9px 12px;font-size:13px}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media (width<=768px){.sidebar{z-index:100;height:100vh;transition:transform .25s;position:fixed;transform:translate(-220px)}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.mobile-close{display:block!important}.mobile-menu-btn{display:flex!important}.mobile-overlay{display:block!important}.main-content{margin-left:0!important}.grid-4{grid-template-columns:1fr 1fr!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.topbar{padding:.75rem 1rem!important}.page-content{padding:1rem!important}.mobile-hide{display:none!important}.mobile-stack{grid-template-columns:1fr!important}}@media (width<=480px){.grid-4{grid-template-columns:1fr!important}}