@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#001737;--navy-2:#09264b;--ink:#17263b;--muted:#78869a;--line:#e8edf3;--canvas:#f5f7fa;--white:#fff;--blue:#4778bd;--green:#27866a;--amber:#c58a35;--sidebar:256px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--navy);color:#dce6f3;display:flex;flex-direction:column;padding:25px 17px 15px;z-index:30;transition:width .32s var(--ease),transform .32s var(--ease);overflow:hidden}
.workspace-switch{display:flex;align-items:center;gap:10px;padding:11px 9px;border:1px solid #ffffff1b;background:#ffffff0a;border-radius:12px;margin-bottom:28px;min-width:0}.workspace-avatar,.profile-avatar{width:34px;height:34px;border-radius:10px;background:#dce8f5;color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:10px;flex:none}.workspace-info,.profile-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.workspace-info strong,.profile-text strong{font-size:11px;color:#fff;font-weight:600;white-space:nowrap}.workspace-info span,.profile-text small{font-size:10px;color:#91a5bf;white-space:nowrap}.bare-icon{border:0;background:none;color:#91a5bf;padding:4px}.bare-icon svg{width:15px}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7e93ae;padding:0 10px 10px}.nav-label-spaced{margin-top:25px}.nav-list{display:grid;gap:4px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;height:40px;padding:0 11px;border-radius:9px;text-decoration:none;color:#aebed1;font-size:11px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.nav-item svg{width:16px;height:16px;stroke-width:1.8;flex:none}.nav-item:hover{background:#ffffff12;color:white;transform:translateX(2px)}.nav-item.active{background:#ffffff17;color:#fff;box-shadow:inset 2px 0 #b9cde6}.nav-count{margin-left:auto;border-radius:20px;background:#ffffff18;color:#dbe6f4;padding:3px 7px;font-size:9px}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#e4b86b;box-shadow:0 0 0 3px #e4b86b20}.sidebar-bottom{margin-top:auto}.help-card{display:flex;gap:10px;padding:13px 11px;margin:17px 0 15px;border-radius:11px;background:#ffffff0b;border:1px solid #ffffff15}.help-icon{width:27px;height:27px;border-radius:8px;background:#ffffff14;display:grid;place-items:center;flex:none}.help-icon svg{width:14px}.help-card div{display:flex;flex-direction:column;gap:5px}.help-card strong{font-size:10px;color:#fff}.help-card small{font-size:9px;color:#9db0c8;line-height:1.45}.help-card a{display:flex;align-items:center;gap:4px;color:#dce8f5;font-size:9px;text-decoration:none;margin-top:2px}.help-card a svg{width:11px}.profile-row{width:100%;display:flex;align-items:center;gap:9px;border:0;border-top:1px solid #ffffff1c;background:none;padding:14px 4px 0;text-align:left}.profile-row>svg{width:17px;color:#91a5bf}.profile-avatar{border-radius:50%;background:#d8e3f0;width:32px;height:32px}.main-area{margin-left:var(--sidebar);min-height:100vh;transition:margin-left .32s var(--ease)}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:15}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:17px}.icon-button{width:34px;height:34px;border:1px solid transparent;background:transparent;color:#66758a;border-radius:9px;display:grid;place-items:center;transition:background .2s,border .2s,color .2s}.icon-button:hover{background:#f2f5f8;border-color:#e8edf3;color:var(--navy)}.icon-button svg{width:17px;height:17px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#8a96a7;font-size:11px}.breadcrumb svg{width:13px}.breadcrumb strong{color:#35445a;font-weight:600}.topbar-actions{gap:8px}.top-action{position:relative}.notification-button span{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#d69c50;border:1px solid white}.top-divider{height:24px;width:1px;background:var(--line);margin:0 8px}.top-profile{display:flex;align-items:center;gap:9px;border:0;background:none;color:#435168;font-size:11px;font-weight:600}.top-profile>svg{width:13px;color:#8995a5}.profile-avatar.small{width:29px;height:29px;font-size:9px}.content-wrap{max-width:1440px;margin:0 auto;padding:29px 38px 20px}.welcome-banner{position:relative;overflow:hidden;min-height:150px;border-radius:14px;background:linear-gradient(112deg,#001737 0%,#08284f 62%,#12365d 100%);padding:27px 30px;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 8px 22px #00173716;animation:rise .55s var(--ease) both}.banner-decoration{position:absolute;width:270px;height:270px;border:1px solid #ffffff0d;border-radius:50%;right:18%;top:-145px;box-shadow:0 0 0 28px #ffffff05,0 0 0 58px #ffffff04;pointer-events:none}.banner-copy,.banner-actions{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:9px;font-weight:700;letter-spacing:1.45px;color:#a9bdd4}.eyebrow{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#8fb6d8;border-radius:50%;box-shadow:0 0 0 4px #8fb6d81c}.banner-copy h1{font-size:25px;letter-spacing:-.8px;margin:12px 0 6px;font-weight:650}.banner-copy p{margin:0;color:#c0cfe0;font-size:11px}.banner-actions{display:flex;align-items:center;gap:9px}.banner-ghost,.period-select{height:35px;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.banner-ghost{border:1px solid #ffffff32;background:#ffffff0c;color:#e2eaf4}.period-select{background:#fff;color:#24354c;border:1px solid #fff}.banner-ghost svg,.period-select svg{width:14px}.notice-row{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px;margin:19px 0 28px;animation:rise .55s .06s var(--ease) both}.notice-icon{width:31px;height:31px;border-radius:9px;background:#eef3f9;color:#31577f;display:grid;place-items:center;flex:none}.notice-icon svg{width:16px}.notice-copy{flex:1}.notice-copy strong{font-size:11px;font-weight:650}.notice-copy p{font-size:10px;color:#8390a1;margin:4px 0 0}.text-button{border:0;background:none;color:#a1adbb;padding:5px}.text-button svg{width:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-kicker{color:#8a98aa;font-size:8px}.section-heading h2,.panel-heading h3{margin:5px 0 0;font-size:16px;letter-spacing:-.35px;font-weight:650;color:#1a2a40}.outline-button{height:33px;padding:0 11px;border:1px solid #e1e7ee;background:#fff;border-radius:8px;color:#56657a;font-size:10px;font-weight:600;display:flex;align-items:center;gap:7px;transition:.2s}.outline-button:hover{border-color:#aebed0;color:var(--navy);transform:translateY(-1px)}.outline-button svg{width:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 17px 15px;min-width:0;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;animation:rise .55s var(--ease) both}.metric-card:nth-child(2){animation-delay:.05s}.metric-card:nth-child(3){animation-delay:.1s}.metric-card:nth-child(4){animation-delay:.15s}.metric-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2037540b;border-color:#d7e0eb}.metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.metric-icon svg{width:16px}.metric-icon.navy{background:#edf1f7;color:#17385e}.metric-icon.blue{background:#edf4fb;color:#4b7eb8}.metric-icon.amber{background:#fbf4e9;color:#bd873d}.metric-icon.green{background:#edf6f1;color:#428c6d}.metric-trend{font-size:9px;font-weight:600;display:flex;align-items:center;gap:4px}.metric-trend svg{width:12px}.positive{color:#39886a}.neutral{color:#b5843f;background:#fbf5e9;padding:4px 7px;border-radius:20px}.metric-label{display:block;color:#78869a;font-size:10px;font-weight:500}.metric-value{font-size:25px;letter-spacing:-1px;font-weight:650;color:#17283f;margin:6px 0 10px;white-space:nowrap}.value-cents{font-size:14px;letter-spacing:-.3px}.metric-foot{display:flex;align-items:center;gap:6px;color:#8995a4;font-size:9px;white-space:nowrap}.foot-dot{width:6px;height:6px;border-radius:50%}.navy-dot{background:#24496f}.blue-dot{background:#6b9aca}.amber-dot{background:#c99b58}.green-dot{background:#65a485}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 19px 10px;min-width:0;animation:rise .6s .18s var(--ease) both}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading h3{font-size:14px}.panel-link{display:flex;align-items:center;gap:4px;color:#56708e;font-size:9px;font-weight:600;text-decoration:none}.panel-link:hover{color:var(--navy)}.panel-link svg{width:12px}.agenda-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f2f5}.date-block{width:39px;height:43px;border-radius:8px;background:#f4f6f9;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.date-block strong{font-size:15px;line-height:1.1;color:#233850}.date-block span{font-size:8px;letter-spacing:.8px;color:#8996a7;margin-top:3px;font-weight:700}.agenda-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.agenda-details strong{font-size:10px;color:#2b3a50;font-weight:600}.agenda-details>span{font-size:9px;color:#8995a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-details small{font-size:9px;color:#77869a;display:flex;align-items:center;gap:4px}.agenda-details small svg{width:11px}.status-pill{font-size:8px;font-weight:600;padding:5px 8px;border-radius:20px;white-space:nowrap}.urgent{background:#fbefed;color:#bd6558}.upcoming{background:#f9f3e8;color:#ad8245}.planned{background:#edf3f8;color:#55789b}.task-progress{padding:11px 0 14px;border-bottom:1px solid #f0f2f5}.task-progress>div:first-child{display:flex;justify-content:space-between;color:#7c8999;font-size:9px;margin-bottom:8px}.task-progress strong{color:#34455b}.progress-track{height:5px;background:#edf1f5;border-radius:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:#24486e;border-radius:10px;animation:progressIn .9s .35s var(--ease) both;transform-origin:left}.task-list{display:grid}.task-item{position:relative;display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #f0f2f5;cursor:pointer}.task-item:last-child{border-bottom:0}.task-item input{position:absolute;opacity:0}.fake-check{width:15px;height:15px;border:1px solid #cbd4df;border-radius:5px;flex:none;display:grid;place-items:center;transition:.2s}.fake-check:after{content:"";width:7px;height:4px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(-45deg) scale(0);transition:transform .15s}.task-item input:checked+.fake-check{background:var(--navy);border-color:var(--navy)}.task-item input:checked+.fake-check:after{transform:rotate(-45deg) scale(1)}.task-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.task-copy strong{font-size:9px;color:#34445a;font-weight:600;transition:color .2s}.task-copy small{font-size:8px;color:#929eac}.task-item input:checked~.task-copy strong{text-decoration:line-through;color:#aab3bf}.task-tag{font-size:8px;padding:4px 7px;border-radius:20px}.task-tag.high{background:#fbefed;color:#b96a60}.task-tag.medium{background:#fbf5e9;color:#b48a4c}.task-tag.low{background:#edf3f8;color:#6684a2}.page-footer{display:flex;justify-content:space-between;align-items:center;color:#9aa5b2;font-size:9px;padding:23px 2px 5px}.secure-label{display:flex;align-items:center;gap:5px}.secure-label svg{width:12px;color:#5e987b}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#102b4d;color:#fff;padding:11px 16px;border-radius:9px;font-size:11px;box-shadow:0 8px 25px #00173730;opacity:0;pointer-events:none;transition:.25s;z-index:80}.toast.show{opacity:1;transform:translate(-50%,0)}.sidebar-scrim{display:none}.mobile-only{display:none}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progressIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){:root{--sidebar:232px}.content-wrap{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:270px;box-shadow:15px 0 40px #00132d20}.app-shell.mobile-open .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;background:#06172d66;z-index:25;opacity:0;pointer-events:none;display:block;transition:opacity .25s}.app-shell.mobile-open .sidebar-scrim{opacity:1;pointer-events:auto}.main-area{margin-left:0}.mobile-only{display:grid}.topbar{height:58px;padding:0 15px}.topbar-left{gap:9px}.topbar-actions{gap:2px}.top-profile span:not(.profile-avatar){display:none}.top-divider{margin:0 3px}.content-wrap{padding:19px 15px}.welcome-banner{padding:22px 20px;min-height:155px;align-items:flex-start;flex-direction:column;gap:17px}.banner-copy h1{font-size:23px}.banner-actions{width:100%}.banner-ghost,.period-select{height:32px}.notice-row{margin:14px 0 23px;padding:12px}.section-heading{align-items:center}.section-heading h2{font-size:15px}.metric-grid{gap:9px}.metric-card{padding:13px 12px}.metric-value{font-size:22px}.metric-foot{font-size:8px;white-space:normal}.lower-grid{grid-template-columns:1fr;gap:11px;margin-top:11px}.panel{padding:16px 14px 8px}.page-footer{gap:8px;flex-wrap:wrap}.page-footer span:nth-child(2){display:none}}
@media(max-width:420px){.breadcrumb{font-size:10px}.top-action:first-child{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:20px}.metric-trend{font-size:8px}.outline-button{font-size:0;width:34px;justify-content:center;padding:0}.outline-button svg{width:15px}.agenda-item{gap:8px}.status-pill{font-size:7px;padding:4px 6px}.agenda-details>span{max-width:190px}.banner-ghost{font-size:9px}.period-select{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}