:root{--ink:#172b37;--purple:#286d63;--green:#287d68;--bg:#f4f7f7;--muted:#77878d;--line:#e1e8e8}body{background:var(--bg)}aside{width:224px;background:#142e32;padding:24px 18px;display:flex;flex-direction:column;overflow-y:auto}.brand{font-size:21px}.logo{background:#83b7a9;color:#143731}.brand small{color:#9bb5b7;letter-spacing:2px}.workspace{margin:32px 12px 15px;color:#93aaad}.shell{margin-left:224px}#nav{margin:0;display:grid;gap:7px}#nav button{min-height:52px;margin:0;padding:12px 14px;border-radius:8px;color:#b2c5c7;font-size:15px;gap:14px}#nav button b{font-size:14px;width:22px;color:#9abdb6}#nav button.active{background:#dcebe5;color:#183d36;font-weight:600}#nav button.active b{color:#236452}#workspace-utility{margin-top:auto;padding-top:45px}#workspace-utility button{background:transparent;color:#a5bdbd;border-color:#345257;width:100%;text-align:left}.side-bottom{margin-top:15px;padding:12px;font-size:11px;border-top:1px solid #2c484d}.side-bottom p{color:#a7bcbe}.side-bottom small{color:#859fa2}.shell>header{background:#fff;padding:0 30px;height:72px}#breadcrumb{font-size:14px;font-weight:600}main{padding:28px 30px;max-width:1650px}.page-head h1{font-size:27px;letter-spacing:-.5px}.eyebrow{color:#447b70}.card{box-shadow:0 3px 16px #17352d03}.notice{background:#edf4f0;color:#53746a}.pill{background:#e9f1ed;color:#34705e}.bar-fill{background:#3d8472}.funnel-row:nth-child(2n) .bar-fill{background:#78a99a}.wide-stat{color:#286d63}.stage-strip span.done{background:#397e6c}.stage-strip span{background:#edf3f1;color:#67877b}button.primary{background:#286d63;border-color:#286d63}.tabbar button.on{background:#e4efe9;color:#286d63;border-color:#c6dcd1}.workspace-tabs{display:flex;align-items:center;gap:7px;padding:13px 30px;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.workspace-tabs button{border:0;padding:9px 13px;background:transparent;color:#738489;flex-shrink:0}.workspace-tabs button.active{color:#21614f;background:#eaf2ed;font-weight:600}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hub-card{padding:25px;display:flex;flex-direction:column;align-items:flex-start;min-height:230px}.hub-card h2{font-size:19px}.hub-count{color:#769088;margin-top:auto;padding:14px 0;font-size:12px}.hub-card button{color:#286d63;border-color:#d7e5dd}.stage-path{display:flex;gap:17px;align-items:center;background:#eaf1ed;border-radius:8px;padding:15px 19px;margin-bottom:22px}.stage-path span{color:#2f705c;white-space:nowrap;font-weight:600;font-size:12px}.stage-path p{margin:0;color:#627b70;font-size:13px}.today-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.today-kpis .metric{color:#2d6453}.today-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.today-row b{font-size:13px;font-weight:600}.today-row small{display:block;font-size:11px;margin-top:4px}.today-row button{flex-shrink:0;font-size:12px}.phase-entry{display:flex;gap:15px;width:100%;align-items:center;border:1px solid #e6ece8;background:#fbfcfb;margin:12px 0;padding:16px;text-align:left}.phase-entry>span{border-radius:6px;background:#edf3ee;color:#3a7c63;padding:7px 12px}.phase-entry div{flex:1}.phase-entry small{display:block;font-size:12px;margin-top:5px}.phase-entry strong{color:#6e9586}.customer-context{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e5f0e9;border:1px solid #c7ded1;border-radius:8px;margin-bottom:20px;padding:14px 18px}.customer-context b{display:inline-block;margin-right:15px;font-size:14px}.customer-context small{display:block;color:#63917a;font-size:11px}.customer-context span{font-size:12px;color:#6e877a}.customer-context .tools button{font-size:12px;padding:6px 10px}.workflow-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap;background:#fff;padding:13px;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.workflow-filter button{font-size:12px;border:0;background:#f6f8f6;padding:8px 12px}.workflow-filter button.active{background:#2e725e;color:#fff}.workflow-filter label{display:flex;align-items:center;gap:9px;margin-left:auto;color:#718478;font-size:12px}.delivery-checks{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.delivery-checks span{font-size:11px;padding:4px 7px;background:#f2f4f3;color:#96a09a;border-radius:4px}.delivery-checks .ready{background:#e9f3ec;color:#397451}.content-task h2{font-size:16px}.content-task details{font-size:12px}.tools label{max-width:100%}.hub-grid>*{min-width:0}@media(max-width:1180px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-context{align-items:flex-start;flex-direction:column}.customer-context .tools{margin:0}}@media(max-width:760px){aside{width:76px;padding:19px 8px}.shell{margin-left:76px}.workspace{display:none}#nav{margin-top:30px}#nav button{padding:9px 3px;min-height:60px;flex-direction:column;gap:2px;font-size:11px;align-items:center;text-align:center}#nav button span{display:block;font-size:10px}#nav button b{width:auto;font-size:16px}#workspace-utility{padding-top:25px}#workspace-utility button{text-align:center;padding:10px 3px;font-size:11px}#workspace-utility span{display:block;font-size:9px}.side-bottom{display:none}main{padding:18px 14px}.shell>header{padding:12px 15px}.demo-label{display:none}#breadcrumb{font-size:12px}.shell>header>div{gap:8px}.workspace-tabs{padding:10px 14px}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:200px}.today-kpis{gap:9px}.today-kpis .card{padding:15px}.today-kpis .metric{font-size:27px}.page-head h1{font-size:23px}.stage-path{align-items:flex-start;flex-direction:column;gap:6px}.workflow-filter label{margin:0}.customer-context{padding:12px}.customer-context .tools{gap:5px}.customer-context .tools button{font-size:11px}.stage-strip{flex-wrap:wrap}.stage-strip span{min-width:90px}}@media print{#stage-subnav,#workspace-utility,.workflow-filter,.customer-context{display:none}.shell{margin-left:0}}