@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;font-family:Inter,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:#0f172a;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.body-area{flex:1;display:flex;overflow:hidden}.content-area{flex:1;padding:0 20px 16px;overflow-y:auto}.nav-item,.nav-link{cursor:pointer;color:#94a3b8;border-left:3px solid #0000;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover,.nav-link:hover{color:#fff;background:#ffffff0d}.nav-item.active,.nav-link.active{color:#fff;background:#5da6372e;border-left-color:#5da637}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:#475569;padding:12px 12px 4px;font-size:10px;font-weight:600}.page-header{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;display:flex;position:sticky;top:0}.page-header-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:18px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.kpi-card-alert{background:#fff8f8;border-color:#fca5a5}.chart-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-box-purple{background:#ede9fe}.icon-box-blue{background:#dbeafe}.icon-box-green{background:#d1fae5}.icon-box-red{background:#fee2e2}.icon-box-amber{background:#fef3c7}.filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.legend-dashed{border-top:2px dashed #ef1c24;width:20px;height:0;display:inline-block}.badge{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-red{color:#991b1b;background:#fee2e2}.badge-amber{color:#92400e;background:#fef3c7}.badge-blue{color:#1e40af;background:#dbeafe}.badge-purple{color:#5b21b6;background:#ede9fe}.badge-pg-green{color:#2d6a0a;background:#ecfce7}.badge-gray{color:#475569;background:#f1f5f9}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.btn-primary{color:#fff;background:#ef1c24;border-color:#ef1c24}.btn-secondary{color:#fff;background:#5da637;border-color:#5da637}.btn-success{color:#fff;background:#10b981;border-color:#10b981}.btn-outline{color:#334155;background:#fff;border-color:#e2e8f0}.btn-ghost{color:#64748b;background:0 0;border-color:#0000}.banner{border-radius:6px;padding:10px 14px;font-size:12px}.banner-blue{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.banner-amber{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.banner-red{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.banner-green{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}table{border-collapse:collapse;width:100%}th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:11px;font-weight:600}td{color:#334155;border-bottom:1px solid #f1f5f9;padding:9px 12px;font-size:12px}tr:hover td{background:#f8fafc}select,input[type=text],input[type=search],.filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:5px 8px;font-family:Inter,sans-serif;font-size:12px}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%}.progress-fill-success{background:#10b981}.progress-fill-warning{background:#f59e0b}.progress-fill-danger{background:#ef1c24}.progress-fill-info{background:#1976d2}.progress-fill-brand{background:#5da637}.legend-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.legend-item{color:#374151;align-items:center;gap:5px;font-size:11px;display:flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.right-panel{background:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;width:252px;padding:14px;overflow-y:auto}.panel-section-title{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:6px;font-size:10px;font-weight:600}.card-title{color:#0f172a;font-size:13px;font-weight:600}.card-subtitle{color:#64748b;font-size:11px}.kpi-value{color:#0f172a;font-size:22px;font-weight:700}.kpi-value-md{color:#0f172a;font-size:18px;font-weight:700}.kpi-label{color:#64748b;font-size:11px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:10px;font-weight:600}.text-success{color:#10b981}.text-danger{color:#ef1c24}.text-warning{color:#f59e0b}.text-info{color:#1976d2}.text-brand{color:#5da637}.text-dark{color:#0f172a}.text-muted{color:#64748b}.fw-600{font-weight:600}.fw-700{font-weight:700}.chip{cursor:pointer;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.chip-green{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.chip-red{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.chip-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.chip-amber{color:#92400e;background:#fef3c7;border-color:#fcd34d}.row-green{background:#f0fdf4}.row-amber{background:#fffbeb}.row-red{background:#fff8f8}.pill-group{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;display:flex}.pill{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:3px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.pill.active{color:#fff;background:#ef1c24}.pill.active-blue{color:#fff;background:#1976d2}.pill.active-green,.pill.active-purple{color:#fff;background:#5da637}.pill.active-green{color:#fff;background:#10b981}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-green{background:#10b981}.status-dot-amber{background:#f59e0b}.status-dot-red{background:#ef1c24}.status-dot-gray{background:#94a3b8}.badge-flp{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.panel-amber{background:#fef3c7;border-radius:8px;padding:10px;font-size:12px}.panel-green{background:#d1fae5;border-radius:8px;padding:10px;font-size:12px}.panel-blue{background:#dbeafe;border-radius:8px;padding:10px;font-size:12px}.panel-red{background:#fee2e2;border-radius:8px;padding:10px;font-size:12px}.town-tile{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:12px;transition:transform .15s,box-shadow .15s}.town-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.town-tile-flp{background:#fffbeb;border-color:#f59e0b}.text-right{text-align:right}.flex-1{flex:1}.text-body{color:#334155;font-size:12px}.progress-label-row{color:#64748b;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.col-divider-right{border-right:2px solid #e2e8f0}.col-divider-left{border-left:2px solid #e2e8f0}.table-compact th,.table-compact td{padding:8px 10px}.table-plain th{text-transform:none;letter-spacing:0}.table-sub td{color:#64748b;border-bottom:none;font-size:11px}.table-no-grid td{border-bottom:none!important}.sidebar-wrap,.panel-wrap{flex-shrink:0;display:flex;position:relative}.sidebar{transition:width .25s;overflow:hidden}.right-panel{transition:width .25s,padding .25s;overflow:hidden auto}.sidebar.collapsed{width:0!important}.right-panel.collapsed{overflow:hidden;width:0!important;padding:0!important}.edge-toggle{cursor:pointer;z-index:50;background:#fff;border:1px solid #e2e8f0;justify-content:center;align-items:center;width:20px;height:40px;padding:0;transition:background .15s;display:flex;position:absolute;top:16px}.edge-toggle:hover{background:#f1f5f9}.edge-toggle i{transition:transform .25s}.sidebar-edge-toggle{border-left:none;border-radius:0 6px 6px 0;right:-20px;box-shadow:2px 0 6px #00000014;top:52px!important}.panel-edge-toggle{border-right:none;border-radius:6px 0 0 6px;left:-20px;box-shadow:-2px 0 6px #00000014}.panel-tabs{border-bottom:1px solid #e2e8f0;flex-shrink:0;margin:-14px -14px 14px;display:flex}.panel-tab{text-align:center;color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 6px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.panel-tab:hover{color:#0f172a;background:#f8fafc}.panel-tab.active{color:#ef1c24;border-bottom-color:#ef1c24}.panel-tab-content{display:none}.panel-tab-content.active{display:block}.filter-chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:3px 9px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.filter-chip.active{color:#fff;background:#ef1c24;border-color:#ef1c24}.filter-chip.active-green{color:#fff;background:#10b981;border-color:#10b981}.filter-chip.active-amber{color:#fff;background:#f59e0b;border-color:#f59e0b}.filter-chip.active-red{color:#fff;background:#ef1c24;border-color:#ef1c24}.filter-chip.active-blue{color:#fff;background:#1976d2;border-color:#1976d2}.chip-group{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.ms-wrap{flex-shrink:0;position:relative}.ms-trigger{cursor:pointer;color:#334155;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;min-height:26px;padding:3px 8px;font-size:11px;transition:border-color .15s;display:flex}.ms-trigger:hover{border-color:#94a3b8}.ms-trigger.has-selection{border-color:#ef1c24}.ms-label{color:#64748b;flex-shrink:0;font-size:10px;font-weight:600}.ms-chips-row{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.ms-sel-chip{color:#fff;white-space:nowrap;background:#ef1c24;border-radius:10px;align-items:center;gap:2px;padding:1px 5px 1px 7px;font-size:10px;font-weight:600;display:inline-flex}.ms-sel-chip button{color:#ffffffd9;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:13px;line-height:1;display:inline-flex}.ms-sel-chip button:hover{color:#fff}.ms-caret{color:#94a3b8;flex-shrink:0;transition:transform .15s}.ms-wrap.open .ms-caret{transform:rotate(180deg)}.ms-dropdown{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:190px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.ms-wrap.open .ms-dropdown{display:block}.ms-search-box{border-bottom:1px solid #f1f5f9;padding:7px 10px}.ms-search-box input{color:#334155;border:1px solid #e2e8f0;border-radius:5px;outline:none;width:100%;padding:4px 8px;font-family:inherit;font-size:11px}.ms-search-box input:focus{border-color:#94a3b8}.ms-options-list{max-height:190px;padding:4px 0;overflow-y:auto}.ms-option{cursor:pointer;color:#334155;align-items:center;gap:7px;padding:5px 12px;font-size:11px;transition:background .1s;display:flex}.ms-option:hover{background:#f8fafc}.ms-option input[type=checkbox]{accent-color:#ef1c24;cursor:pointer;flex-shrink:0;width:13px;height:13px}.ms-option-all{color:#0f172a;z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;font-weight:700;position:sticky;top:0}.ms-placeholder{color:#94a3b8;font-size:11px;font-style:italic}.kpi-row-4{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}@media (width<=1100px){.kpi-row-4{grid-template-columns:repeat(2,1fr)}}.section-heading{color:#0f172a;margin-bottom:4px;font-size:13px;font-weight:700}.section-sub{color:#64748b;margin-bottom:12px;font-size:11px}.chart-wrap{position:relative}.table-wrap{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;overflow-x:auto}.pct-bar-wrap{align-items:center;gap:6px;display:flex}.pct-bar{background:#e2e8f0;border-radius:3px;flex:1;min-width:40px;height:5px}.pct-bar-fill{border-radius:3px;height:100%}.data-row{cursor:pointer}.data-row:hover td{background:#fafafa}.drill-row td{border-bottom:none;padding:0!important}.drill-panel{background:#f8fafc;padding:12px 16px}.drill-tabs{border-bottom:1px solid #e2e8f0;margin-bottom:12px;display:flex}.drill-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:7px 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .15s}.drill-tab:hover{color:#0f172a}.insight-item{border-left:3px solid;border-radius:6px;margin-bottom:6px;padding:8px 10px;font-size:11px;line-height:1.5}.insight-green{color:#065f46;background:#f0fdf4;border-color:#6ee7b7}.insight-red{color:#991b1b;background:#fff8f8;border-color:#fca5a5}.insight-amber{color:#92400e;background:#fffbeb;border-color:#fcd34d}.insight-blue{color:#1e40af;background:#eff6ff;border-color:#93c5fd}:root{--pg-red:#ef1c24;--pg-green:#5da637;--color-primary:#ef1c24;--color-brand:#5da637;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#1976d2;--color-dark:#0f172a;--color-text:#334155;--color-muted:#64748b;--color-border:#e2e8f0;--color-bg:#f8fafc;--yr2024:#94a3b8;--yr2024-fill:#94a3b812;--yr2025:#1976d2;--yr2025-fill:#1976d212;--yr2026:#352788;--yr2026-fill:#3527881a;--color-target:#10b981;--color-target-fill:#dcfce7}.kpi-row-2{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;display:grid}.kpi-row-3{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.kpi-row-5{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}@media (width<=1200px){.kpi-row-5{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.kpi-row-3{grid-template-columns:repeat(2,1fr)}.kpi-row-2{grid-template-columns:1fr}}.mini-kpi-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mini-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:100px;padding:8px 12px}.growth-strip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;margin-bottom:14px;display:flex;overflow:hidden}.growth-item{text-align:center;flex:1;min-width:0;padding:10px 12px}.growth-sep{background:#e2e8f0;flex-shrink:0;align-self:stretch;width:1px}.growth-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:3px;font-size:10px;font-weight:600}.growth-up{color:#5da637;font-size:14px;font-weight:700}.growth-down{color:#ef1c24;font-size:14px;font-weight:700}.growth-neutral{color:#64748b;font-size:14px;font-weight:700}.view-tab-bar{background:#f1f5f9;border-radius:8px;gap:2px;margin-bottom:14px;padding:3px;display:flex}.view-tab{text-align:center;cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.view-tab.active{color:#ef1c24;background:#fff;box-shadow:0 1px 4px #00000014}.row-expandable{cursor:pointer}.row-expandable:hover td{background:#f0fdf4}.row-selected td{background:#ecfce7}.row-selected:hover td{background:#dcfce7}.expand-chevron{color:#94a3b8;align-items:center;transition:transform .2s;display:inline-flex}.expand-chevron.open{transform:rotate(90deg)}.expand-row>td{border-bottom:2px solid #e2e8f0;padding:0!important}.expand-inner{background:#f8fafc;padding:12px 16px}.expand-sub-table{border-collapse:collapse;width:100%}.expand-sub-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:7px 10px;font-size:10px;font-weight:600}.expand-sub-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:11px}.expand-sub-table tr:last-child td{border-bottom:none}.expand-sub-table th.tr,.expand-sub-table td.tr{text-align:right}.ach-bar-wrap{align-items:center;gap:6px;display:flex}.ach-bar-fill{border-radius:3px;min-width:2px;height:5px}.ach-pct-green{color:#065f46;font-weight:700}.ach-pct-blue{color:#1e40af;font-weight:700}.ach-pct-amber{color:#92400e;font-weight:700}.ach-pct-orange{color:#c2410c;font-weight:700}.ach-pct-red{color:#991b1b;font-weight:700}.ach-pct-gray{color:#475569;font-weight:700}.row-top{background:#eff6ff}.row-on-track{background:#f0fdf4}.row-watch{background:#fffbeb}.row-below{background:#fff7ed}.row-critical{background:#fff8f8}.row-zero{background:#f8fafc}.status-chip{border-radius:10px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-top{color:#1e40af;background:#dbeafe}.status-on-track{color:#065f46;background:#d1fae5}.status-watch{color:#92400e;background:#fef3c7}.status-below{color:#c2410c;background:#ffedd5}.status-critical{color:#991b1b;background:#fee2e2}.status-zero{color:#475569;background:#f1f5f9}.root-cause-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:14px 16px}.entity-banner{color:#2d6a0a;background:#ecfce7;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.entity-banner-info{flex:1;font-weight:600}.entity-banner-clear{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-family:Inter,sans-serif;font-size:11px}.entity-banner-clear:hover{color:#2d6a0a;background:#dcfce7}.state-scroll-wrap{border:1px solid #e2e8f0;border-radius:10px;max-height:220px;margin-bottom:4px;overflow-y:auto}.state-scroll-wrap::-webkit-scrollbar{width:4px}.state-scroll-wrap::-webkit-scrollbar-track{background:#f8fafc}.state-scroll-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.state-summary-grid{flex-direction:column;gap:0;display:flex}.state-card{background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 14px;display:grid}.state-card:last-child{border-bottom:none}.state-card-red{border-left:3px solid #ef1c24}.state-card-amber{border-left:3px solid #f59e0b}.state-card-green{border-left:3px solid #5da637}.ms-bar-wrap{align-items:center;gap:6px;display:flex}.ms-inline-bar{background:#e2e8f0;border-radius:3px;flex:1;min-width:40px;height:6px;overflow:hidden}.ms-inline-fill{background:#5da637;border-radius:3px;height:100%}.priority-p1{color:#991b1b;background:#fee2e2;border-radius:8px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.priority-p2{color:#1e40af;background:#dbeafe;border-radius:8px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:16px 18px}.section-title{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:4px;font-size:10px;font-weight:600}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:#fff;border-radius:14px;flex-direction:column;width:90%;max-width:900px;max-height:88vh;display:flex;box-shadow:0 20px 60px #0000002e}.modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-body{flex:1;padding:16px 18px;overflow-y:auto}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .15s;display:flex}.modal-close:hover{color:#0f172a;background:#f1f5f9}.search-trigger{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;transition:all .15s;display:flex}.search-trigger:hover{background:#fff;border-color:#cbd5e1}.search-trigger span{color:#94a3b8;font-size:11px}.search-trigger kbd{background:#e2e8f0;border-radius:3px;padding:1px 5px;font-family:Inter,sans-serif;font-size:10px}.db-search-overlay{z-index:1100;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:flex-start;padding-top:80px;transition:opacity .2s;display:flex;position:fixed;inset:0}.db-search-overlay.open{opacity:1;pointer-events:auto}.db-search-modal{background:#fff;border-radius:12px;width:90%;max-width:560px;overflow:hidden;box-shadow:0 20px 50px #0003}.db-search-input-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 16px;display:flex}.db-search-input-row input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:14px}.db-search-input-row input::placeholder{color:#94a3b8}.db-search-esc{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.db-search-input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:Inter,sans-serif;font-size:12px}.db-search-input:focus{border-color:#5da637;box-shadow:0 0 0 2px #5da6371f}.feasibility-green{color:#065f46;background:#d1fae5;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.feasibility-amber{color:#92400e;background:#fef3c7;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.feasibility-red{color:#991b1b;background:#fee2e2;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.cat-toggle-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:3px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:all .15s}.cat-toggle-btn.active{color:#fff;background:#5da637;border-color:#5da637}.split-panel{gap:0;min-height:300px;display:flex}.split-panel-left{border-right:1px solid #e2e8f0;flex-shrink:0;width:200px;overflow-y:auto}.split-panel-right{flex:1;min-width:0;padding:14px;overflow:auto}.split-list-item{cursor:pointer;color:#334155;border-bottom:1px solid #f1f5f9;border-left:3px solid #0000;padding:10px 12px;font-size:12px;transition:all .15s}.split-list-item:hover{background:#f8fafc}.split-list-item.active{color:#0f172a;background:#f0fdf4;border-left-color:#5da637;font-weight:600}.chip-scroll{border:1px solid #e2e8f0;border-radius:8px;max-height:130px;margin-bottom:12px;padding:6px;overflow-y:auto}.chip-scroll::-webkit-scrollbar{width:4px}.chip-scroll::-webkit-scrollbar-track{background:#f8fafc}.chip-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.legend-dash{vertical-align:middle;border-top:2px dashed;width:22px;height:0;display:inline-block}.legend-swatch-target{background:#dcfce7;border:1px solid #10b981}.legend-swatch-actual{background:#1976d2}.legend-swatch-actual-fill{background:#dbeafe;border:1px solid #1976d2}.legend-swatch-in-progress{background:#93c5fd}.legend-swatch-p1{background:#0ea5e9}.legend-swatch-on-track{background:#10b981}.legend-swatch-watch{background:#f59e0b}.legend-swatch-critical{background:#ef1c24}.legend-swatch-prev-year{background:#94a3b8}.legend-swatch-yr2024{background:var(--yr2024)}.legend-swatch-yr2025{background:var(--yr2025)}.legend-swatch-yr2026{background:var(--yr2026)}.legend-swatch-pg-red{background:#ef1c24}.legend-swatch-pg-green{background:#5da637}.legend-swatch-dot{border-radius:50%}.legend-swatch-cat-0{background:#1976d2}.legend-swatch-cat-1{background:#5da637}.legend-swatch-cat-2{background:#f59e0b}.legend-swatch-cat-3{background:#ef1c24}.legend-swatch-cat-4{background:#8b5cf6}.legend-swatch-cat-5{background:#0ea5e9}.legend-swatch-cat-6{background:#f97316}.legend-swatch-cat-7{background:#ec4899}.legend-dash-target{color:#10b981}.legend-dash-actual{color:#1976d2}.legend-dash-critical{color:#ef1c24}.icon-box-pg-red{background:#fee2e2}.icon-box-pg-green{background:#ecfce7}.w-full{width:100%}.gap-0{gap:0}.mb-0{margin-bottom:0}.mt-auto{margin-top:auto}.filter-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:8px 10px 10px}.filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-family:Inter,sans-serif;font-size:11px}.filter-select:focus{border-color:#5da637;box-shadow:0 0 0 2px #5da6371a}.filter-slider-wrap{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.filter-slider{accent-color:#5da637;width:100%}.filter-slider-val{color:#0f172a;text-align:right;font-size:11px;font-weight:600}.filter-checkbox-row{color:#334155;cursor:pointer;align-items:center;gap:7px;margin-bottom:6px;font-size:11px;display:flex}.filter-checkbox-row input[type=checkbox]{accent-color:#5da637;width:13px;height:13px}.filter-checkbox-row span{flex:1}input[type=range]{accent-color:#5da637;width:100%}.brand-split-wrap{border:1px solid #e2e8f0;border-radius:10px;gap:0;min-height:320px;display:flex;overflow:hidden}.brand-list-panel{border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:200px;display:flex}.brand-list-header{color:#0f172a;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.brand-list-scroll{flex:1;overflow-y:auto}.brand-list-scroll::-webkit-scrollbar{width:4px}.brand-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.brand-list-item{cursor:pointer;color:#334155;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:9px 12px;font-size:12px;transition:background .15s;display:flex}.brand-list-item:last-child{border-bottom:none}.brand-list-item:hover{background:#f8fafc}.brand-list-item.selected{color:#0f172a;background:#ecfce7;border-left:3px solid #5da637;font-weight:600}.brand-trend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.brand-list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.brand-list-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.brand-list-vol{color:#0f172a;font-size:11px;font-weight:600}.brand-list-mom{font-size:10px;font-weight:600}.brand-chart-panel{flex:1;min-width:0;padding:14px;overflow:auto}.week-tab-bar{background:#f1f5f9;border-radius:8px;gap:2px;margin-bottom:14px;padding:3px;display:flex}.week-tab{text-align:center;cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.week-tab.active{color:#ef1c24;background:#fff;box-shadow:0 1px 4px #00000014}.week-tab.completed{color:#5da637;background:0 0}.week-tab.inprogress{color:#f59e0b;background:0 0;font-weight:700}.factory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.factory-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.factory-card.urgency-high{background:#fff8f8;border-color:#fca5a5}.factory-card.urgency-medium{background:#fffbeb;border-color:#fcd34d}.factory-card.urgency-low{background:#f0fdf4;border-color:#a7f3d0}.factory-card.delayed{border-left:3px solid #ef1c24}.factory-card.delayed-slight{border-left:3px solid #f59e0b}.row-delivered td{background:#f0fdf4}.row-transit td{background:#eff6ff}.row-pay-pending td{background:#fffbeb}.row-pay-severe td{background:#fff8f8}.row-pay-delay td{background:#fffbeb}.row-end-loaded td{background:#fff7ed}.row-late-delivery td{background:#fee2e2}.row-urgent td{background:#fff8f8}.row-warning td{background:#fffbeb}.row-record td{background:#f0fdf4}.row-degrowth td{background:#fff8f8}.row-missed td{background:#fffbeb}.summary-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.summary-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.inline-bar-wrap{align-items:center;gap:6px;display:flex}.inline-bar-fill{border-radius:3px;min-width:2px;height:5px}.toggle-btn-group{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;display:flex}.toggle-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.toggle-btn.active{color:#ef1c24;background:#fff;box-shadow:0 1px 4px #00000014}.db-search-suggestions{max-height:260px;overflow-y:auto}.db-search-item{cursor:pointer;align-items:center;gap:10px;padding:9px 16px;transition:background .12s;display:flex}.db-search-item:hover{background:#f8fafc}.db-search-item.selected{background:#ecfce7}.db-search-item.selected .db-search-name{color:#2d6a0a}.db-search-icon{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.db-search-name{color:#0f172a;font-size:13px;font-weight:600}.db-search-meta{color:#64748b;margin-top:1px;font-size:11px}.db-search-footer{color:#94a3b8;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 16px;font-size:11px;display:flex}.db-search-footer span{flex:1}.db-search-footer kbd{background:#f1f5f9;border-radius:3px;padding:1px 5px;font-size:10px}.search-token{color:#2d6a0a;background:#ecfce7;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:none}.search-token.visible{display:inline-flex}.search-token-close{cursor:pointer;color:#5da637;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.status-chip.green{color:#065f46;background:#d1fae5}.status-chip.amber{color:#92400e;background:#fef3c7}.status-chip.orange{color:#c2410c;background:#ffedd5}.status-chip.red{color:#991b1b;background:#fee2e2}.status-chip.blue{color:#1e40af;background:#dbeafe}.section-gap{margin-bottom:24px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.expand-row{cursor:pointer}.expand-row:hover td{background:#f8fafc}.expand-row.expanded td{background:#f0fdf4}.detail-row{display:none}.detail-row.open{display:table-row}.detail-cell{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:0!important}.detail-inner{border-left:3px solid #5da637;padding:12px 16px 14px 32px}.detail-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.detail-stats{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:16px;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.mini-pill-grid{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.mini-pill{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600}.mini-pill-top{color:#166534;background:#ecfce7;border-color:#a7f3d0}.accordion{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;overflow:hidden}.accordion-item{border-bottom:1px solid #e2e8f0}.accordion-item:last-child{border-bottom:none}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:12px;padding:13px 16px;transition:background .15s;display:flex}.accordion-header:hover{background:#f8fafc}.accordion-header.open{background:#f8fafc;border-bottom:1px solid #e2e8f0}.accordion-header-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.accordion-header-text{flex:1;min-width:0}.accordion-header-title{color:#0f172a;font-size:13px;font-weight:700}.accordion-header-sub{color:#64748b;margin-top:1px;font-size:11px}.accordion-header-badges{flex-wrap:wrap;flex-shrink:0;gap:5px;display:flex}.accordion-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.accordion-header.open .accordion-chevron{transform:rotate(90deg)}.accordion-body{padding:14px 16px;display:none}.accordion-body.open{display:block}.toast{color:#fff;z-index:2000;opacity:0;pointer-events:none;background:#0f172a;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}body{margin:0}#root{min-height:100svh}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100svh;padding:16px;display:flex}.login-card{flex-direction:column;width:100%;max-width:360px;display:flex}.login-card h1{color:var(--color-dark);margin:0 0 4px;font-size:20px;font-weight:700}.login-subtitle{color:var(--color-muted);margin:0 0 24px;font-size:12px}.login-card label{color:var(--color-muted);margin-bottom:6px;font-size:11px;font-weight:600}.login-card input[type=email],.login-card input[type=password]{border:1px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:6px;outline:none;margin-bottom:16px;padding:8px 10px;font-family:Inter,sans-serif;font-size:13px}.login-card input[type=email]:focus,.login-card input[type=password]:focus{border-color:var(--pg-green);box-shadow:0 0 0 2px #5da6371f}.login-card button[type=submit]{justify-content:center;width:100%;margin-top:8px}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-links{text-align:center;margin-top:18px;font-size:12px}.login-link{color:var(--pg-red);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.dashboard-page{max-width:960px;margin:0 auto;padding:24px 16px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header h1{color:var(--color-dark);margin:0;font-size:20px;font-weight:700}.dashboard-page .kpi-card{max-width:320px}.kpi-sub{color:var(--color-muted);margin-top:6px;font-size:11px}.yr-th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:10px;font-weight:700}.yr-td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px;font-size:12px}.ss-mini-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:6px 10px;font-size:10px;font-weight:700}.ss-mini-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:7px 10px}.ss-mini-table tr:last-child td{border-bottom:none}.drill-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 14px;font-size:11px;font-weight:600;transition:all .15s}.drill-tab.active{color:#ef1c24;border-bottom-color:#ef1c24}.drill-tab:hover:not(.active){color:#0f172a;background:#f8fafc}.chev{flex-shrink:0;transition:transform .2s}.chev.open{transform:rotate(90deg)}.flag{white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:2px;margin-right:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.f-grow{color:#10b981;background:#f0fdf4;border-color:#a7f3d0}.f-drop{color:#ef1c24;background:#fff8f8;border-color:#fca5a5}.f-warn{color:#f59e0b;background:#fffbeb;border-color:#fcd34d}.f-info{color:#1976d2;background:#eff6ff;border-color:#93c5fd}.db-tag{border:1px solid;border-radius:8px;align-items:center;margin:1px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.db-on{color:#065f46;background:#f0fdf4;border-color:#a7f3d0}.db-off{color:#991b1b;background:#fff8f8;border-color:#fca5a5}tr.L1{cursor:pointer}tr.L1 td{background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:12px;transition:background .1s}tr.L1:hover td{background:#fafafa}tr.L1.open td{background:#fff8f8;border-bottom:none}tr.L1.open td:first-child{border-left:3px solid #ef1c24}tr.L1:not(.open) td:first-child{border-left:3px solid #0000}tr.L2{cursor:pointer}tr.L2 td{background:#fafafa;border-bottom:1px solid #f1f5f9;padding:8px 14px;font-size:11px;transition:background .1s}tr.L2:hover td{background:#f1f5f9}tr.L2.open td{background:#f0fdf4;border-bottom:none}tr.L2 td:first-child{border-left:3px solid #e2e8f0;padding-left:30px}tr.L2.open td:first-child{border-left-color:#10b981}tr.L2.var-decline td:first-child{border-left-color:#fca5a5}tr.L3{cursor:pointer}tr.L3 td{background:#f8fafc;border-bottom:1px solid #f8fafc;padding:7px 14px;font-size:11px;transition:background .1s}tr.L3:hover td{background:#eff6ff}tr.L3.open td{background:#eff6ff;border-bottom:none}tr.L3 td:first-child{border-left:3px solid #e2e8f0;padding-left:46px}tr.L3.state-grow td:first-child{border-left-color:#a7f3d0}tr.L3.state-drop td:first-child{border-left-color:#fca5a5}tr.L3.open td:first-child{border-left-color:#1976d2}tr.L4 td{border-bottom:1px solid #e2e8f0;padding:0}.drill-wrap{background:#f0f9ff;padding:10px 14px 10px 60px}