/* Sharper hierarchy, stronger contrast and more spacious working surfaces. */
:root{--ink:#172d39;--muted:#607783;--border:#e0e8eb;--bg:#f2f5f7;--nav:#102631;--teal:#078475}
body{font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.sidebar{width:244px;padding:30px 20px 20px;background:linear-gradient(165deg,#142f3b 0%,#102631 60%,#0a212b 100%)}
.brand{padding:0 8px 29px}.brand b{font-size:20px;letter-spacing:3.5px}.brand small{font-size:11px;color:#a2bbc4}.workspace{background:#ffffff05;border-color:#36505b;padding:14px 11px}.workspace b{font-size:13px}.workspace small{font-size:11px}.nav-label{font-size:10px;color:#8eaab6;margin-top:29px}nav button{font-size:13px;padding:14px 15px;border-radius:8px;color:#b9cbd1}nav button.active{background:#b2f2df;color:#123f3d;font-weight:600;box-shadow:0 4px 18px #00000012}nav button.active small{background:#98d8c6;color:#244c43}.help-card{background:#193a45;border-color:#36535c;padding:18px}.help-card b{font-size:13px}.help-card p{font-size:12px;color:#b2c7cd}.help-card a{font-size:12px;font-weight:600}.profile b{font-size:13px}.profile small{font-size:11px}
.topbar{height:70px;padding-inline:34px}.breadcrumb{font-size:12px}.top-actions{font-size:12px}.demo-banner{padding:10px 34px;font-size:11px;background:#e8f3ee;color:#446b61}.banner-pill{font-size:9px;letter-spacing:.6px;font-weight:700;background:#cfe7dc}.banner-end{color:#54766c}main{padding:30px 34px 24px}.page-heading{margin-bottom:24px}.eyebrow{font-size:10px;color:#528177;letter-spacing:1.7px}h1{font-size:34px;letter-spacing:-1.2px;font-weight:650;margin:6px 0 9px}.page-heading p{font-size:13px;color:#627b86}.scope-control label{font-size:11px}.scope-control select{padding:11px 14px;font-size:12px;min-width:182px;border-color:#d7e2e6;box-shadow:0 2px 3px #15394904}
.welcome-strip{background:linear-gradient(112deg,#173d48,#215b59);border:0;border-radius:12px;padding:21px 24px;color:white;margin-bottom:22px;box-shadow:0 5px 16px #164d4710}.welcome-strip b{font-size:15px;font-weight:600}.welcome-strip p{font-size:12px;color:#b9d4d1;margin-top:3px}.spark{font-size:34px;color:#a8f2d9;line-height:1}.welcome-strip>.text-button{background:#b2f2df;color:#17473e;border-radius:7px;padding:10px 15px;font-size:12px;white-space:nowrap}
.metrics{gap:16px;margin-bottom:24px}.metric{padding:21px 22px;border-radius:12px;box-shadow:0 4px 14px #15344404;position:relative}.metric-top{font-size:12px;color:#5d7783;gap:5px}.metric-icon{color:#298b80;width:27px;height:27px;background:#edf7f3;border-radius:7px;display:grid;place-items:center;font-size:17px}.metric-value{font-size:38px;letter-spacing:-1.5px;font-weight:650;margin:12px 0 9px}.metric-value small{font-size:12px;font-weight:500;color:#607983;margin-inline-start:7px}.metric-note{font-size:11px;line-height:1.5}.metric:nth-child(3){border-color:#b6dbd0;background:#f3fbf7}.metric:nth-child(4) .metric-icon{background:#fff4e5;color:#b58239}
.panel{border-radius:12px;box-shadow:0 4px 14px #15344404}.analysis-grid{grid-template-columns:minmax(0,1.55fr) minmax(265px,1fr);gap:22px}.panel-heading{padding:23px 24px 15px}h2{font-size:16px;font-weight:650;letter-spacing:-.2px}.panel-heading p{font-size:11px;line-height:1.65;color:#6e838c}.period{padding:5px 9px;color:#657b83;font-size:10px}.chart{height:205px;padding-top:12px}.chart-legend{font-size:11px}.chart-footer{font-size:11px;padding-bottom:19px}.chart svg{direction:ltr}.focus-panel{background:#fff}.focus-panel h2{font-size:19px;margin-top:7px}.focus-icon{color:#14887a;background:#eff8f3;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:28px}.focus-item{padding:15px 24px;gap:12px}.focus-item b{font-size:12px}.focus-item p{font-size:11px;color:#758a94}.focus-item .count{width:29px;height:29px;font-size:12px;border:1px solid #f4e7d5}.focus-panel>.text-button{font-size:12px;margin-top:11px}.text-button{font-size:12px}.projects-panel .panel-heading{padding-bottom:21px}th{font-size:11px;padding:13px 24px;color:#68818c;background:#f7fafb}td{font-size:12px;padding:18px 24px}.project-name b{font-size:12px}.project-name small{font-size:10px}.project-initial{width:36px;height:38px;background:#e5f1ee;color:#397b70;font-size:15px}.status{font-size:10px;padding:4px 9px;border-radius:5px;font-weight:500}.progress small{font-size:11px}.bar{height:5px;width:75px}.row-open{background:#f1f6f7;border-radius:6px;width:28px;height:28px;color:#61878c}tbody tr:hover{background:#fbfdfd}.search-box input{font-size:13px}.filter-tabs button{font-size:12px}.approval-card{padding:27px;border-radius:12px}.approval-card h2{font-size:18px}.approval-card p{font-size:13px;line-height:1.8}.approval-card .amount{font-size:28px}.approval-actions{margin-top:21px}.primary,.secondary{font-size:13px;padding:11px 19px}.assistant-header{background:linear-gradient(100deg,#f8fcfa,#edf7f4)}.assistant-header h2{font-size:18px}.assistant-header p{font-size:11px;max-width:440px}.chat{min-height:320px;padding:25px}.bubble{font-size:14px;line-height:1.85;padding:16px 19px}.assistant-context h2{font-size:18px}.example{font-size:12px;padding:16px 0}.suggestions button{font-size:11px;padding:8px 12px}.chat-note{font-size:11px}#question{font-size:13px;padding:14px}.detail-title{font-size:27px}.detail-desc{font-size:13px}.milestone{font-size:13px;padding:16px 0}footer{font-size:11px;padding-inline:34px;color:#758b95}
@media(min-width:1600px){main{padding-top:40px}.chart{height:240px}.metric{padding:27px}.metric-value{font-size:43px}}
@media(max-width:1200px){.sidebar{width:216px;padding-inline:15px}.brand b{font-size:18px}main{padding:27px 25px}.topbar,.demo-banner{padding-inline:25px}h1{font-size:29px}.metric{padding:17px}.metric-value{font-size:33px}.metric-top{font-size:11px}.metric-note{font-size:10px}.analysis-grid{gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(248px,1fr)}.panel-heading{padding:20px 19px 14px}.focus-item{padding:14px 19px}.chart{height:198px}td,th{padding-inline:18px}.welcome-strip{padding:19px 21px}.welcome-strip b{font-size:14px}}
@media(max-width:850px){.sidebar{width:76px;padding-inline:9px}.brand{padding:0 0 27px}nav button{padding:16px 8px}.analysis-grid{grid-template-columns:1fr}.metrics{gap:13px}.metric{padding:20px}.metric-top{font-size:12px}.metric-value{font-size:36px}.metric-note{font-size:11px}.welcome-strip p{display:block;max-width:310px;font-size:11px}.welcome-strip>.text-button{font-size:11px;padding:9px 12px}.chart{height:210px}.scope-control select{min-width:145px}.assistant-header h2{font-size:16px}}
@media(max-width:550px){.sidebar{width:100%;padding:12px 16px;gap:20px}.brand{padding:0}nav button{padding:9px 13px}.topbar{height:54px;padding-inline:17px}.top-actions{font-size:11px}.demo-banner{font-size:10px;padding:10px 17px}.banner-pill{font-size:8px;white-space:nowrap}main{padding:25px 17px 18px}.page-heading{display:block;margin-bottom:20px}h1{font-size:28px;letter-spacing:-.9px;margin:7px 0}.page-heading p{font-size:12px;max-width:100%}.scope-control{margin-top:16px;display:flex;align-items:center;gap:12px}.scope-control label{margin:0;font-size:11px}.scope-control select{width:auto;min-width:165px;font-size:12px;padding:8px 10px}.welcome-strip{padding:17px;align-items:flex-start;flex-direction:column;gap:12px;border-radius:10px;margin-bottom:17px}.welcome-strip b{font-size:13px}.welcome-strip p{display:block;font-size:11px;max-width:100%}.welcome-strip>.text-button{padding:7px 12px;font-size:11px;margin-inline-start:44px}.spark{font-size:30px}.metrics{gap:10px;margin-bottom:18px}.metric{padding:15px}.metric-top{font-size:11px;line-height:1.4;align-items:flex-start}.metric-icon{width:23px;height:23px;font-size:14px;flex-shrink:0}.metric-value{font-size:31px;margin:12px 0 7px}.metric-value small{font-size:10px}.metric-note{font-size:10px}.panel-heading{padding:19px 17px 13px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px;max-width:230px}.period{font-size:9px;padding:4px 6px}.chart{height:175px}.chart-footer{font-size:10px;padding:10px 17px 16px}.chart-legend{font-size:10px}.text-button{font-size:11px}.approval-card{padding:20px}.approval-card h2{font-size:16px}.approval-card p{font-size:12px}.primary,.secondary{font-size:12px;padding:10px 14px}.assistant-header{padding:17px;gap:10px}.assistant-header h2{font-size:16px}.assistant-header p{font-size:10px}.chat{padding:18px;min-height:270px}.bubble{font-size:13px;padding:13px 15px}#question{padding:11px;font-size:12px}.chat-note{font-size:10px}.suggestions{padding-inline:15px}.suggestions button{font-size:10px;padding:7px 9px}footer{padding:15px 17px 22px;font-size:10px}.detail-title{font-size:23px}}