:root{--ink:#132b35;--muted:#71818a;--teal:#079da0;--light:#eff8f8;--border:#e7ecef;--bg:#f7f9fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,select{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:#102631;color:#c0d1d7;display:flex;flex-direction:column;padding:28px 15px 18px}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 30px;color:white;letter-spacing:2px;font-size:14px}.brand small{display:block;font-size:8px;letter-spacing:2.8px;color:#87a3ad;margin-top:6px}.mark{height:38px;width:38px;display:grid;place-items:center;border:2px solid #3ac7c3;border-radius:11px;font-size:25px;color:#3ac7c3;font-weight:800;letter-spacing:0}.workspace{border:1px solid #314753;border-radius:10px;padding:12px;font-size:10px;letter-spacing:1.3px;color:#79939d}.workspace strong{display:flex;justify-content:space-between;color:#e7f0f1;font-size:12px;letter-spacing:0;margin-top:9px}.navlabel{font-size:10px;letter-spacing:1.8px;color:#718c98;margin:30px 12px 10px}.nav{display:flex;align-items:center;gap:13px;background:none;border:0;width:100%;padding:13px;border-radius:8px;text-align:left;color:#b3c4ca;font-size:13px;cursor:pointer;margin:3px 0}.nav:first-letter{font-size:19px}.nav:hover,.nav.active{background:#1d3c46;color:#f1ffff}.nav.active{box-shadow:inset 3px 0 #32c5c4}.sidebarfoot{margin-top:auto;border-top:1px solid #304753;padding:20px 6px 0;display:flex;gap:10px;align-items:center;font-size:12px}.sidebarfoot small{display:block;color:#839ca6;margin-top:5px}.avatar,.usericon{background:#1e6b70;color:white;border-radius:50%;height:33px;width:33px;display:grid;place-items:center;font-size:11px;font-weight:700}.main{min-width:0;flex:1}.topbar{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{font-size:13px;color:#9baab0}.crumb span{padding:0 9px}.crumb b{color:#3d5159}.topright{display:flex;gap:20px;align-items:center}.demo{background:#eaf7f3;color:#1e8879;padding:8px 11px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.7px}#mobileMenu{display:none;background:none;border:0;font-size:22px}main{max-width:1480px;margin:auto;padding:38px 40px}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:2px;font-weight:800}.headline{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:12px 0 30px}.headline h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px}.sub{color:var(--muted);font-size:13px;margin:0}.controls{display:flex;gap:9px;align-items:center}.btn,select{background:white;border:1px solid #dce5e8;border-radius:8px;padding:11px 13px;color:#526871;font-size:12px;cursor:pointer}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 12px #10263105}.stat{padding:22px}.stathead{display:flex;justify-content:space-between;align-items:center;color:#758a92;font-size:12px}.stathead .glyph{background:#e9f8f7;border-radius:8px;padding:9px;color:#129d9c;font-size:18px}.value{font-size:30px;font-weight:750;letter-spacing:-1px;margin:16px 0 8px}.note{font-size:11px;color:#91a0a5}.note strong{color:#139f87}.dashgrid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:20px}.panel{padding:24px;min-width:0}.panel h2{font-size:15px;margin:0}.paneltop{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hint{color:#98a7ae;font-size:11px}.chart{height:235px;display:flex;gap:18px;align-items:flex-end;padding:0 4px 20px;border-bottom:1px solid #e5ecef}.barcol{flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;height:100%;gap:7px}.bars{display:flex;align-items:flex-end;gap:4px;height:100%;width:100%;justify-content:center}.bar{width:19px;max-width:42%;border-radius:5px 5px 0 0;background:#b9e6e3;min-height:3px}.bar.actual{background:#0d9da1}.barcol label{font-size:10px;color:#8a9ba2}.legend{display:flex;gap:17px;font-size:11px;color:#80949b;margin-top:19px}.dot{display:inline-block;height:8px;width:8px;border-radius:2px;margin-right:6px;background:#0d9da1}.dot.light{background:#b9e6e3}.stage{margin-bottom:19px}.stagerow{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.stagerow span:last-child{font-weight:700}.track{height:8px;border-radius:12px;background:#edf3f4;overflow:hidden}.fill{height:100%;background:#0b9ea1;border-radius:12px}.fill.alt{background:#6cc9c7}.fill.muted{background:#b5dedc}.tablepanel{margin-top:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;color:#94a5ab;text-transform:uppercase;letter-spacing:.7px;padding:15px 10px;border-bottom:1px solid var(--border)}td{padding:17px 10px;border-bottom:1px solid #f0f3f4}td strong{font-size:12px}.tag{border-radius:20px;padding:6px 9px;background:#eaf7f3;color:#248e7d;font-size:10px;font-weight:700}.tag.amber{background:#fff5df;color:#b37c20}.tag.blue{background:#eaf3ff;color:#427ba8}.sectionnotice{padding:15px 17px;background:#edf7f7;border:1px solid #d5eeee;border-radius:9px;color:#467a7e;font-size:12px;line-height:1.6;margin:20px 0}.empty{padding:55px 20px;text-align:center;color:#789099}.empty h2{color:#18323d;font-size:21px}.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{padding:22px;border:1px solid var(--border);border-radius:12px;background:white}.feature b{display:block;margin:10px 0}.feature p{font-size:12px;color:#728690;line-height:1.6}code{background:#edf3f4;padding:2px 5px;border-radius:4px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.dashgrid{grid-template-columns:1fr}}@media(max-width:740px){.sidebar{position:fixed;z-index:10;height:100vh;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}#mobileMenu{display:block}.topbar{padding:0 17px;height:60px}.crumb{margin-right:auto;margin-left:12px}.demo{font-size:8px}.usericon{display:none}main{padding:25px 17px}.headline{align-items:start;flex-direction:column}.headline h1{font-size:26px}.stats{gap:10px}.stat{padding:15px}.value{font-size:25px}.panel{padding:18px}.chart{gap:8px}.bar{width:12px}.cardgrid{grid-template-columns:1fr}}