:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#16213d;background:#f4f7fc;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}strong{font-weight:680}.shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:0 0 250px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:32px 17px 22px;background:#101d38;color:#c4cde1}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 41px;color:white}.brand-icon,.login-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#17d4b0,#1488a8);border-radius:13px;color:#092837;font-size:24px;font-weight:850;box-shadow:0 10px 25px #05c3af24}.brand strong{font-size:24px;display:block;letter-spacing:2px;line-height:1.1}.brand small{display:block;font-size:10px;color:#9aacca;white-space:nowrap;margin-top:6px;letter-spacing:.15px}.sidebar-label,.eyebrow{color:#94a9c1;font-weight:760;font-size:10px;letter-spacing:1.6px}.sidebar-label{padding:5px 16px 15px}.nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;font-weight:540;color:#bdc7db;transition:.15s}.nav-item:hover{background:#223453;color:white}.nav-item.active{background:linear-gradient(90deg,#2a526c,#1b344e);color:#fff;box-shadow:inset 3px 0 #20d4b2}.nav-icon{font-size:21px;line-height:18px;width:22px;text-align:center;font-weight:400;color:#63d9c7}.sidebar-bottom{margin-top:auto;padding:18px 16px;border-top:1px solid #ffffff1b;color:#c2d4d7;font-size:12px}.sidebar-bottom small{display:block;color:#7e95ad;padding:8px 0 0 15px;font-size:11px}.live-dot{width:8px;height:8px;display:inline-block;background:#32d3a4;border-radius:100%;box-shadow:0 0 0 4px #32d3a41d;margin-right:8px}.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:110px;background:#fff;border-bottom:1px solid #e8edf5;padding:22px 38px;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:7px 0 0;font-weight:780}.account{display:flex;align-items:center;gap:11px}.avatar{height:40px;width:40px;background:#dff8f4;border-radius:12px;display:grid;place-items:center;color:#0c7f75;font-weight:850}.account-text{min-width:100px}.account-text strong,.account-text small{display:block}.account-text small{color:#8a99b0;margin-top:3px;text-transform:capitalize}.ghost-btn{border:1px solid #e0e7f1;padding:8px 12px;background:white;color:#59677f;border-radius:9px}.ghost-btn:hover{background:#f1f5fa}.main{flex:1;padding:32px 38px 38px;max-width:1660px;width:100%;margin:0 auto}.footer{display:flex;gap:20px;justify-content:space-between;padding:20px 38px;border-top:1px solid #e5eaf2;color:#97a4b5;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.page-heading p{color:#687994;margin:0;line-height:1.65}.btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:10px;font-weight:720;white-space:nowrap;transition:.15s;min-height:42px}.btn-primary{color:white;background:#12a995;box-shadow:0 4px 12px #13ac9b24}.btn-primary:hover{background:#0e917f;transform:translateY(-1px)}.btn-secondary{border:1px solid #dce5ef;background:#fff;color:#263b56}.btn-secondary:hover{background:#f2f8fc}.btn-block{width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi{padding:24px 23px 23px;border-radius:15px;background:#fff;box-shadow:0 7px 25px #162b4510;border:1px solid #e8edf5;min-width:0}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#72829b;font-size:12px;font-weight:600}.kpi-symbol{color:#149c92;background:#e9f9f5;border-radius:9px;padding:8px;min-width:34px;text-align:center;font-size:12px}.kpi-value{font-size:clamp(20px,2vw,31px);font-weight:800;letter-spacing:-1.1px;margin:18px 0 8px;color:#112342;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-hint{font-size:11px;color:#96a5b8}.context-bar{border:1px solid #c7e9e2;background:#ecfbf7;border-radius:11px;margin-bottom:20px;padding:14px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#3b665e}.context-bar a{font-weight:700;color:#078f7c}.context-bar .status{margin-left:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:20px;margin-bottom:20px}.bottom-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr)}.panel{background:#fff;border-radius:16px;border:1px solid #e8edf5;box-shadow:0 7px 25px #162b4510;padding:26px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.section-head h2{font-size:17px;margin:7px 0 0;letter-spacing:-.2px}.section-head p{font-size:12px;margin:8px 0 0;color:#7d8ca3}.muted{color:#8a9ab0;font-size:12px}.cost-visual{display:flex;gap:36px;align-items:center;justify-content:space-around;min-height:233px}.donut{flex:0 0 207px;width:207px;height:207px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#14b8a6 0 calc(var(--p1)*1%),#4068cb calc(var(--p1)*1%) calc(var(--p2)*1%),#f59e0b calc(var(--p2)*1%) 100%)}.donut-center{width:157px;height:157px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center strong{font-size:19px;letter-spacing:-.5px}.donut-center span{font-size:11px;color:#9aaaad;margin-top:6px}.legend{flex:1;max-width:270px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;column-gap:10px;align-items:center;margin-bottom:23px;font-size:12px}.legend-row small{grid-column:2/4;color:#9aa8bd;margin-top:6px}.swatch{width:10px;height:10px;border-radius:3px}.metric-list{display:grid;gap:0}.metric-row{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #eef2f7}.metric-row:last-child{border-bottom:0}.metric-row span{font-size:12px;color:#71839a}.metric-row strong{text-align:right;font-size:13px;color:#1a2c4a}.fine-print{font-size:11px;line-height:1.6;color:#9aaaad;margin:16px 0 0}.bar-chart{display:flex;gap:11px;align-items:flex-end;height:238px;padding-top:20px;overflow-x:auto}.bar-item{display:flex;flex-direction:column;min-width:55px;flex:1;align-items:center;height:100%}.bar-value{font-size:10px;color:#6c7d99;white-space:nowrap;margin-bottom:7px}.bar-track{flex:1;min-height:130px;width:32px;display:flex;align-items:flex-end;border-radius:7px 7px 0 0;background:#f1f5fc;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(0deg,#26b6ad,#5886d8);border-radius:7px 7px 0 0}.bar-label{padding-top:8px;font-size:10px;color:#7e8da2}.subtle-link{color:#0d998b;font-size:12px;font-weight:700}.recent-list{margin-top:-6px}.recent-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}.recent-item:last-child{border-bottom:0}.recent-item:hover strong{color:#109b8c}.recent-icon{background:#edf5fd;border-radius:10px;padding:10px;color:#4068cb}.recent-text{flex:1;min-width:0}.recent-text strong,.recent-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-text strong{font-size:12px}.recent-text small{font-size:11px;color:#96a5b8;margin-top:6px}.status{padding:5px 9px;border-radius:100px;font-size:10px;font-weight:720;white-space:nowrap;display:inline-block}.status-draft{color:#ae6c03;background:#fff4db}.status-approved{color:#078a70;background:#dbf8ee}.table-scroller{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:10px;color:#8494aa;text-transform:uppercase;letter-spacing:.8px;background:#f8fafd;padding:15px 13px}.data-table td{padding:17px 13px;border-bottom:1px solid #edf1f6;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table td strong{color:#1e3151}.data-table .number{text-align:right;font-variant-numeric:tabular-nums}.total-row{background:#f1f7fa;font-weight:700}.notice{padding:14px 18px;border-radius:9px;margin-bottom:20px;font-size:12px;line-height:1.5}.notice-info{background:#ecf5ff;border:1px solid #bcdffc;color:#35618f}.notice-success{background:#e8fbf3;border:1px solid #b0e8cf;color:#237f5e}.notice-error{background:#fff0f0;border:1px solid #f7cbcb;color:#a83337}.empty-chart{padding:36px;text-align:center;color:#a0adbc;font-size:12px}.form-panel{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:660;color:#50627e}.field.full{grid-column:1/-1}.field>input,.field>textarea,.field>select,.input-wrap{width:100%;border:1px solid #dce4ef;background:#fff;color:#10223d;border-radius:9px;min-height:43px;outline:0}.field>input,.field>textarea,.field>select{padding:12px}.field>textarea{resize:vertical}.input-wrap{display:flex;align-items:center;overflow:hidden}.input-wrap:focus-within,.field>input:focus,.field>textarea:focus,.field>select:focus{border-color:#10ad9d;box-shadow:0 0 0 3px #10ad9d17}.input-wrap input{border:0;outline:none;width:100%;min-width:0;padding:12px;color:#10223d;background:transparent}.input-wrap span{font-size:11px;color:#90a0b5;white-space:nowrap;margin-right:12px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 24px}.form-actions .fine-print{margin:0}.toolbar{display:flex;align-items:center;gap:9px}.calc-table th:last-child{text-align:right}.calc-table td:nth-child(2){white-space:normal;min-width:200px}.small-heading{margin:30px 0 14px;font-size:13px}.timeline{border-left:1px solid #dbe5ef;margin-left:5px;padding-left:19px}.timeline-row{position:relative;margin:17px 0}.timeline-pin{width:10px;height:10px;border:2px solid #14b8a6;border-radius:50%;background:white;position:absolute;left:-25px;top:3px}.timeline-row strong,.timeline-row small{display:block;font-size:12px}.timeline-row small{color:#8d9cb0;margin-top:5px}.approval-form{margin-top:26px}.notes{white-space:normal;color:#566981;line-height:1.7;font-size:13px}.sim-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:20px}.range-group{margin-top:28px}.range-group label{display:flex;justify-content:space-between;color:#556b83;font-size:12px}.range-group label strong{color:#0f9a86}.range-group input{width:100%;margin:17px 0 5px;accent-color:#10aa97}.range-group small{display:block;color:#9baabb;font-size:10px}.sim-layout .btn-block{margin-top:25px}.sim-main{border-radius:13px;padding:28px;background:linear-gradient(120deg,#122d4b,#1f6170);margin-bottom:22px;color:white}.sim-main span,.sim-main strong,.sim-main small{display:block}.sim-main span{font-size:12px;color:#b3d3dc}.sim-main strong{font-size:40px;letter-spacing:-1px;margin:9px 0}.sim-main small{font-size:11px;color:#8cdece}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 10% 5%,#196a722f,transparent 30%),linear-gradient(135deg,#101e38,#1d3960)}.login-card{background:white;border-radius:20px;padding:43px;width:min(100%,430px);box-shadow:0 25px 85px #0004}.login-mark{width:54px;height:54px;font-size:31px;margin-bottom:22px}.login-card h1{font-size:27px;margin:10px 0;letter-spacing:-.8px}.login-card p{font-size:13px;color:#8392a7;margin-bottom:30px;line-height:1.55}.login-card form{display:grid;gap:22px}.login-card label{display:grid;gap:9px;font-size:12px;font-weight:650;color:#53647d}.login-card input{width:100%;padding:14px;border:1px solid #dce5ee;border-radius:9px;outline:none}.login-card input:focus{border-color:#0eaa93;box-shadow:0 0 0 3px #09b7981b}.login-card .btn{margin-top:6px}.login-foot{margin-top:30px;padding-top:20px;border-top:1px solid #edf1f4;text-align:center;font-size:10px;color:#9daabd}@media(max-width:1250px){.sidebar{width:205px;flex-basis:205px}.main{padding:25px}.topbar{padding:20px 25px}.donut{flex-basis:165px;width:165px;height:165px}.donut-center{width:127px;height:127px}.donut-center strong{font-size:14px}.cost-visual{gap:18px}.kpi{padding:18px}.kpi-value{font-size:22px}}@media(max-width:940px){.sidebar{width:74px;flex-basis:74px;padding:24px 8px}.brand{padding:0 5px 36px}.brand-icon{flex:0 0 42px}.brand>span:last-child,.sidebar-label,.sidebar-bottom,.nav-item{font-size:0}.nav-item{justify-content:center;padding:13px 6px}.nav-icon{font-size:23px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.topbar h1{font-size:22px}}@media(max-width:600px){.shell{display:block}.sidebar{height:auto;width:100%;position:static;display:block;padding:10px}.brand{padding:3px 10px 9px}.brand>span:last-child{display:block}.nav{display:flex;overflow-x:auto}.nav-item{min-width:40px}.topbar{height:auto;min-height:92px;padding:15px}.topbar h1{font-size:20px}.topbar .eyebrow{font-size:8px}.account-text{display:none}.main{padding:18px 12px}.page-heading{align-items:flex-start;flex-wrap:wrap}.kpi-grid{gap:10px}.kpi{padding:15px}.kpi-value{font-size:20px}.panel{padding:16px}.cost-visual{flex-wrap:wrap}.form-grid,.sim-layout{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.footer{padding:20px;display:block}.footer span{display:block;margin-bottom:7px}}@media print{body{background:#fff!important}.sidebar,.topbar,.footer,.page-heading .toolbar,.approval-form,.notice,.btn{display:none!important}.main{padding:0}.main-wrap{display:block}.panel,.kpi{box-shadow:none;border:1px solid #bbb;break-inside:avoid}.dashboard-grid{display:block}.dashboard-grid .panel{margin:12px 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr)}.table-scroller{overflow:visible}.data-table{white-space:normal}.data-table td{padding:7px;font-size:10px}.metric-row{padding:7px 0}}