@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#18333d;background:#f3f6f5;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #66bdac;outline-offset:2px}h1,h2,h3,p{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:none;background:#102e39;color:#eaf5f2;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{padding:30px 23px 31px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;line-height:1.55;letter-spacing:.13em}.brand strong{font-size:18px;letter-spacing:.07em}.brand-mark{display:grid;place-items:center;border:1px solid #7fc7ae;color:#aee2cd;width:40px;height:40px;border-radius:13px;font-size:26px}.nav{padding:12px;display:grid;gap:5px}.nav-item{color:#b6ced1;background:transparent;border:0;text-align:left;padding:13px 12px;width:100%;border-radius:10px;display:flex;align-items:center;gap:11px;font-weight:600}.nav-item span{width:21px;font-size:18px;text-align:center;line-height:1}.nav-item:hover{background:#244652;color:#fff}.nav-item.active{background:#225c5c;color:#fff;box-shadow:inset 3px 0 0 #80d1b3}.sidebar-foot{margin-top:auto;border-top:1px solid #32515b;padding:24px 23px 27px;font-weight:600;line-height:1.8}.side-label{font-size:11px;letter-spacing:.13em;color:#82abae}.side-note{font-size:11px;color:#94afb1;font-weight:400;margin-top:4px}.main{flex:1;min-width:0;padding:0 34px 44px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:112px;border-bottom:1px solid #dce5e3;margin-bottom:29px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#528c80;margin-bottom:8px}h1{font-size:25px;letter-spacing:-.045em;color:#102f39;line-height:1.3}h2{font-size:20px;letter-spacing:-.035em;color:#102f39}h3{font-size:15px;color:#173640}.top-actions{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#4a6670}.live-dot{height:7px;width:7px;border-radius:50%;background:#4eb694;box-shadow:0 0 0 4px #d9f1e7}.button{border:1px solid #bfd3cf;background:#fff;border-radius:9px;padding:10px 15px;font-weight:700;color:#20504b}.button.primary{margin-left:8px;background:#205b57;border-color:#205b57;color:white}.button:hover{filter:brightness(.94)}.view{display:none}.view.active{display:block}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}.section-head p{margin-top:7px;color:#71878d;font-size:12px;line-height:1.6}.period-control{display:flex;gap:12px;align-items:center;color:#667e84;font-size:12px;font-weight:600;white-space:nowrap}.segmented{display:flex;background:#e8eeec;border:1px solid #d9e4e1;border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;color:#637e82;padding:8px 13px;border-radius:7px;font-size:12px;font-weight:700}.segmented button.active{background:#fff;color:#145551;box-shadow:0 1px 5px #183d3921}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.kpi{background:#fff;border:1px solid #e0e9e6;border-radius:14px;padding:20px 21px;min-height:130px;box-shadow:0 6px 24px #173b3508;position:relative;overflow:hidden}.kpi:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#2a7e70}.kpi:nth-child(2):before{background:#bc8b48}.kpi:nth-child(3):before{background:#517d9d}.kpi:nth-child(4):before{background:#6c9d8b}.kpi-label{color:#70868a;font-size:12px;font-weight:600;margin-bottom:14px}.kpi-value{color:#142e37;font-size:26px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.kpi-unit{font-size:13px;color:#668087;margin-left:4px;font-weight:500;letter-spacing:0}.kpi-note{font-size:11px;color:#92a3a3;margin-top:11px}.negative{color:#c55e55!important}.chart-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:16px;margin-bottom:16px}.chart-grid.lower{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid #e0e9e6;border-radius:14px;box-shadow:0 6px 24px #173b3508;min-width:0;padding:21px 22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head p{font-size:11px;color:#8a9e9f;margin-top:5px;line-height:1.5}.legend{display:flex;flex-wrap:wrap;gap:12px;color:#779092;font-size:11px;font-weight:600}.legend span{display:flex;align-items:center;gap:6px}.swatch{display:block;height:8px;width:8px;border-radius:2px}.swatch.revenue{background:#267e72}.swatch.profit{background:#d9a262}.chart{height:255px;width:100%;overflow:hidden}.chart.short{height:192px}.chart svg{width:100%;height:100%;overflow:visible}.chart svg text{font-family:inherit;font-size:10px;fill:#86999a}.chart .interactive{cursor:pointer}.chart .interactive:hover{opacity:.7}.chart-foot{font-size:10px;color:#8fa0a1;border-top:1px solid #e9efed;padding-top:11px;display:flex;align-items:center;gap:6px}.dot-red{width:6px;height:6px;border-radius:50%;background:#c9685e}.distribution{display:flex;flex-direction:column}.cost-row{margin:14px 0}.cost-top{display:flex;justify-content:space-between;gap:10px;color:#627b80;font-size:11px;font-weight:600;margin-bottom:7px}.cost-top strong{color:#28434d}.track{height:8px;border-radius:99px;background:#e9efec;overflow:hidden}.track span{height:100%;display:block;border-radius:99px;background:#278074}.cost-row:nth-child(2) .track span{background:#69a895}.cost-row:nth-child(3) .track span{background:#cfa067}.cost-row:nth-child(4) .track span{background:#83a0ab}.cost-row:nth-child(5) .track span{background:#aac3bb}.panel.compact{padding:0;overflow:hidden}.panel.compact>.panel-head{padding:22px 22px 13px;margin:0}.table-scroll{overflow:auto;max-width:100%}.data-table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}.data-table th{color:#7e9296;font-size:11px;letter-spacing:.015em;text-align:right;font-weight:700;background:#f8faf9;padding:13px 16px;border-bottom:1px solid #e4ece9}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table td{padding:12px 16px;border-bottom:1px solid #edf1ef;text-align:right;color:#36535b}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr[data-period],.data-table tbody tr[data-month]{cursor:pointer}.data-table tbody tr[data-period]:hover,.data-table tbody tr[data-month]:hover{background:#f0f7f3}.data-table td:first-child{color:#203c43;font-weight:700}.data-table td.emphasis{font-weight:700;color:#1f655e}.pager{display:flex;align-items:center;gap:9px;font-size:11px;color:#789094}.pager button{background:#f0f5f2;border:0;border-radius:7px;width:26px;height:26px;font-size:19px;color:#2c615a}.pager button:disabled{opacity:.35;cursor:default}.tree-table{min-width:1100px}.tree-table .year{background:#e8f2f0}.tree-table .year td{font-weight:800;color:#173d42}.tree-table .quarter{background:#f5f9f7}.tree-table .quarter td:first-child{padding-left:31px}.tree-table .month td:first-child{padding-left:56px;font-weight:500}.tree-toggle{border:0;background:transparent;color:#2b776b;width:22px;height:22px;margin-right:4px;font-size:15px}.tree-toggle.hidden{visibility:hidden}.wide-table{min-width:2000px}.field.inline{display:flex;align-items:center;gap:9px;white-space:nowrap}.field select,.field input{border:1px solid #cbdcd7;background:#fff;padding:9px 11px;border-radius:8px;color:#254951;min-width:0}.field select:focus,.field input:focus{border-color:#398c7d}.assumption-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-panel{padding:22px}.form-panel h3{padding-bottom:17px;border-bottom:1px solid #e7eeeb;margin-bottom:17px}.form-panel.span-2{grid-column:1/-1}.field-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(125px,165px) minmax(85px,110px);gap:10px;align-items:center;margin:11px 0;font-size:12px;color:#506b70;font-weight:600}.field-row.single{grid-template-columns:minmax(190px,1fr) minmax(130px,180px)}.field-row label{line-height:1.45}.field-row input,.field-row select,.case-table input{width:100%;padding:9px 10px;border:1px solid #ccdcd6;border-radius:8px;background:#fff;color:#26454d;text-align:right;outline-color:#66bdac}.field-row select{text-align:left}.field-row input[type=checkbox]{accent-color:#257a6d;width:20px;height:20px;margin:auto}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:27px}.field-grid .field-row{grid-template-columns:1fr minmax(100px,140px)}.case-table input{width:110px}.case-table th:first-child{text-align:left}.case-table td:first-child{font-weight:700}.note,.method-note{font-size:11px;color:#83979b;line-height:1.7;margin-top:17px}.method-note{font-size:12px;margin:17px 2px}.error-banner{padding:12px 16px;background:#fff1e9;color:#a64531;border:1px solid #f2c6b8;border-radius:8px;margin-bottom:16px}.drawer-backdrop{position:fixed;inset:0;background:#0b293a63;z-index:5}.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:min(500px,100vw);background:#fff;z-index:6;transform:translateX(100%);transition:transform .25s ease;box-shadow:-16px 0 48px #092b341e;display:flex;flex-direction:column}.detail-drawer.open{transform:translateX(0)}.drawer-head{padding:27px 27px 21px;border-bottom:1px solid #e2eae7;display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h2{font-size:23px}.icon-button{background:#edf4f0;border:0;border-radius:9px;width:32px;height:32px;font-size:23px;color:#365f5b}.drawer-body{padding:24px 27px 35px;overflow:auto}.drawer-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.drawer-stat{background:#f3f8f5;border-radius:10px;padding:13px}.drawer-stat small{display:block;color:#84999b;font-size:10px;margin-bottom:7px}.drawer-stat strong{font-size:17px;color:#244c4b}.drawer-body h3{margin:25px 0 10px}.drawer-list{width:100%;border-collapse:collapse;font-size:12px}.drawer-list td{padding:10px 0;border-bottom:1px solid #eef2ef}.drawer-list td:last-child{text-align:right;font-weight:700}.drawer-link{border:0;background:transparent;color:#217c6c;text-decoration:underline;padding:4px 0;margin-top:12px;font-weight:700}.empty-state{color:#879c9e;padding:30px;text-align:center}@media(max-width:1100px){.sidebar{width:190px}.main{padding:0 22px 32px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.chart-grid.lower{grid-template-columns:1fr}.chart{height:240px}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;min-height:0}.brand{padding:13px 17px}.nav{display:flex;overflow:auto;padding:5px 12px 12px;gap:3px}.nav-item{white-space:nowrap;width:auto;font-size:12px;padding:9px}.nav-item span{display:none}.sidebar-foot{display:none}.main{padding:0 14px 28px}.topbar{min-height:100px;margin-bottom:22px;align-items:flex-start;padding:17px 0}.topbar h1{font-size:18px}.eyebrow{font-size:9px}.top-actions{display:block;text-align:right}.top-actions .live-dot,.top-actions #activeLabel{display:none}.button.primary{font-size:11px;margin:0;padding:9px}.section-head{align-items:flex-start;display:block}.period-control{margin-top:16px}.kpi-grid{gap:9px}.kpi{padding:14px;min-height:115px}.kpi-value{font-size:20px}.panel{padding:16px}.assumption-grid{grid-template-columns:1fr}.form-panel.span-2{grid-column:auto}.field-grid{grid-template-columns:1fr}.section-head .button{margin-top:12px}.legend{font-size:9px}.chart{height:230px}}@media(prefers-reduced-motion:reduce){.detail-drawer{transition:none}}
/* Range selection and dense financial tables */
.brand-mark{background:#fff;overflow:hidden;border-color:#b1d1c6}.brand-mark img{max-height:36px;max-width:34px;object-fit:contain}.range-control{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.range-control label{font-size:13px;font-weight:600;color:#57757a;display:flex;align-items:center;gap:7px}.range-control input{border:1px solid #bfd3cf;border-radius:8px;background:#fff;padding:7px 9px;color:#254951;font:inherit}.period-list{max-height:390px;overflow-y:auto}.period-list thead th{position:sticky;top:0;z-index:1}.cost-pie{width:185px;height:185px;border-radius:50%;margin:6px auto 17px;display:grid;place-items:center}.cost-pie>span{width:111px;height:111px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#204d4a;font-size:20px;font-weight:800}.cost-pie small{font-size:10px;letter-spacing:.05em;color:#80969a;margin-top:3px}.cost-legend{display:grid;gap:9px}.cost-legend>div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:12px;color:#567178}.cost-legend i{height:10px;width:10px;border-radius:3px}.cost-legend strong{font-weight:700;color:#23454b}.chart{overflow-x:auto;overflow-y:hidden}.chart svg{max-width:none}.tree-table{min-width:1010px;table-layout:fixed}.tree-table th,.tree-table td{padding:10px 6px;font-size:11px;overflow:hidden;text-overflow:ellipsis}.tree-table th:first-child,.tree-table td:first-child{width:149px;overflow:visible}.tree-table th:nth-child(2),.tree-table td:nth-child(2){width:75px}.tree-table th:nth-child(3),.tree-table td:nth-child(3){width:88px}.tree-table th:nth-child(n+4),.tree-table td:nth-child(n+4){width:100px}.tree-table td[title]{cursor:help}.tree-table td[title]:focus-visible{outline:2px solid #267e72;outline-offset:-2px}.tree-table .quarter td:first-child{padding-left:12px}.tree-table .month td:first-child{padding-left:25px}.tree-toggle{width:17px;margin-right:2px}.scroll-top{height:18px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #e4ece9}.scroll-top>div{height:1px}.scroll-top[hidden]{display:none}@media(max-width:700px){.range-control{gap:7px}.range-control label{font-size:12px}.range-control input{max-width:145px}.period-control{flex-wrap:wrap}.cost-pie{width:155px;height:155px}.cost-pie>span{width:95px;height:95px}}