:root{--ink: #1e2a36;--ink-light: #2c3e50;--accent: #c0392b;--muted: #6b7d8d;--subtle: #9aabb8;--border: #dde1e6;--bg: #eef0f4;--card: #ffffff;--green: #7F95B6;--blue: #2980b9;--orange: #e67e22;--font: "IBM Plex Sans", -apple-system, sans-serif;--mono: "IBM Plex Mono", "SF Mono", monospace;--radius: 10px;--shadow: 0 1px 4px rgba(0,0,0,.06);--shadow-hover: 0 4px 16px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.header{position:sticky;top:0;z-index:100;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 1px 6px #0000000a}.header-inner{max-width:1560px;margin:0 auto;padding:0 24px}.header-top{padding:20px 0 16px;border-bottom:1px solid var(--border)}.brand{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.6px;line-height:1;margin-bottom:6px}.brand-meta{font-size:13px;color:var(--muted);letter-spacing:.1px}.header-bottom{display:flex;align-items:center;justify-content:space-between;padding:0;height:50px;gap:24px}.tab-nav{display:flex;align-items:center;height:50px;gap:0;flex-shrink:0}.tab-btn{background:none;border:none;font-family:var(--font);font-size:14px;font-weight:400;color:var(--muted);padding:0 20px;height:50px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s;display:flex;align-items:center}.tab-btn:hover{color:var(--ink)}.tab-btn.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.header-filters{display:flex;align-items:center;gap:20px;flex-shrink:0}.filter-bar-outer{display:none}.page{max-width:1560px;margin:0 auto;padding:32px 24px 64px}.page-header,.page-title,.page-sub{display:none}.sub-tabs{display:flex;gap:0;background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:28px;overflow:hidden;box-shadow:none;padding:0}.sub-tab{background:none;border:none;font-family:var(--font);font-size:13px;font-weight:400;color:var(--muted);padding:12px 20px;cursor:pointer;border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:all .15s}.sub-tab:hover{color:var(--ink)}.sub-tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.kpi-card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border);transition:box-shadow .2s}.kpi-card:hover{box-shadow:var(--shadow-hover)}.kpi-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:500;margin-bottom:8px}.kpi-value{font-size:32px;font-weight:700;font-family:var(--mono);color:var(--ink);line-height:1.1}.kpi-value.up{color:var(--green)}.kpi-value.down{color:#c0392b}.kpi-delta{font-size:13px;margin-top:6px;font-weight:500}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:#c0392b}.kpi-context{font-size:12px;color:var(--muted);margin-top:4px}.section{margin-bottom:24px}.section-header{margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:4px}.section-sub{font-size:13px;color:var(--muted);line-height:1.5}.chart-card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:14px;transition:box-shadow .2s}.chart-card:hover{box-shadow:var(--shadow-hover)}.chart-card h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px}.chart-card .chart-sub{font-size:12px;color:var(--muted);margin-bottom:16px;line-height:1.4}.data-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow);transition:all .2s}.data-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.dc-value{font-size:28px;font-weight:700;font-family:var(--mono);color:var(--ink);line-height:1.2}.dc-value.accent{color:var(--ink)}.dc-label{font-size:12px;color:var(--muted);margin-top:4px}.dc-sub{font-size:11px;color:var(--subtle);margin-top:4px}.insight{background:var(--card);padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;font-size:14px;line-height:1.7;color:var(--ink-light);margin-top:14px;box-shadow:var(--shadow);border:1px solid var(--border);border-left:3px solid #e67e22}.insight.positive{border-left-color:#2c3e50}.insight strong{font-weight:600;color:var(--ink)}.insight em{font-style:italic;color:#2c3e50;font-weight:500}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:stretch}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-2>.chart-card{display:flex;flex-direction:column;margin-bottom:0}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--ink)}tbody td{padding:10px 12px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:2px solid var(--ink)}tbody tr:hover{background:var(--bg)}.mono{font-family:var(--mono);font-size:12px}.text-right{text-align:right}.fw-bold{font-weight:600}.hm-table{border-collapse:separate;border-spacing:5px;width:100%}.hm-table th{font-size:13px;font-weight:600;text-align:center;padding:6px;border:none;color:var(--ink);text-transform:none;letter-spacing:0}.hm-table td{text-align:center;font-family:var(--mono);font-size:13px;padding:10px 8px;border-radius:6px;border:none;font-weight:500;transition:transform .15s}.hm-table td:hover{transform:scale(1.06)}.hm-label{font-size:13px;font-weight:500;text-align:left;padding:6px 10px;color:var(--ink)}.peak-profile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.peak-profile h4{font-size:16px;font-weight:700;font-family:var(--mono);margin-bottom:14px;color:var(--ink)}.pp-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:4px}.pp-bar-track{height:7px;border-radius:4px;background:var(--bg);margin-bottom:10px;overflow:hidden}.pp-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.state{fill:#dde1e6;stroke:#c8cdd3;stroke-width:.5}.map-tooltip{position:absolute;pointer-events:none;opacity:0;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px;box-shadow:var(--shadow-hover);z-index:10;transition:opacity .15s}.loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--muted);font-size:15px;gap:10px}.loading:before{content:"";width:18px;height:18px;border:2px solid var(--border);border-top-color:#7f95b6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.separator{height:0;margin:28px 0}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#eef0f2!important}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{display:none!important}@media (max-width: 1024px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.topbar-inner{padding:0 12px;height:48px}.brand{font-size:14px}.brand .badge{display:none}.tab-btn{font-size:12px;padding:0 12px;height:48px}.filter-bar{padding:8px 12px!important}.page{padding:20px 12px 40px}.page-title{font-size:24px}.kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-value{font-size:24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sub-tab{padding:8px 14px;font-size:12px}.chart-card{padding:16px}}@media (max-width: 480px){.kpi-row{grid-template-columns:1fr}}.fchip,.filter-select,.filter-group,.filter-label{display:none!important}@media (max-width: 900px){.header-bottom{flex-direction:column;height:auto;align-items:flex-start;padding:0 0 8px;gap:0}.header-filters{padding:6px 0 4px;overflow-x:auto;width:100%}.tab-nav{height:42px}.tab-btn{font-size:13px;padding:0 14px;height:42px}.brand{font-size:20px}}.dd-trigger{font-family:var(--font)!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 16px!important;border-radius:20px!important;border:none!important;background:var(--bg)!important;cursor:pointer!important;white-space:nowrap!important;transition:all .2s!important;color:var(--ink)!important;box-shadow:none!important}.dd-trigger:hover{background:#e2e4e9!important;border:none!important;box-shadow:none!important}.dd-label{font-size:12px!important;color:var(--muted)!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important}.dd-value{font-weight:600!important;font-size:13px!important;color:var(--ink)!important}.dd-arrow{font-size:10px!important;color:var(--subtle)!important;margin-left:0!important}.header-filters{gap:8px!important}.dd-menu{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;z-index:200!important;background:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000d!important;min-width:200px!important;padding:6px!important;animation:ddFade .15s ease!important}.dd-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 14px!important;border:none!important;background:none!important;font-family:var(--font)!important;font-size:14px!important;color:var(--ink)!important;cursor:pointer!important;border-radius:8px!important;text-align:left!important;transition:background .1s!important}.dd-item:hover{background:var(--bg)!important}.dd-item.on{font-weight:600!important;color:var(--ink)!important}.dd-check{width:20px!important;height:20px!important;border-radius:6px!important;border:2px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;color:transparent!important;flex-shrink:0!important;transition:all .15s!important}.dd-check.on{background:#2c3e50!important;border-color:#2c3e50!important;color:#fff!important}.dd-menu{left:0!important;right:auto!important;transform:none!important;min-width:180px!important;padding:4px!important;border-radius:10px!important;box-shadow:0 6px 20px #0000001a,0 0 0 1px #0000000a!important}.dd-item{font-size:13px!important;font-weight:400!important;padding:8px 12px!important;border-radius:6px!important;color:var(--ink-light)!important}.dd-item.on{font-weight:500!important;color:var(--ink)!important}.dd-check{width:16px!important;height:16px!important;border-radius:4px!important;border:1.5px solid #cdd1d6!important;font-size:10px!important}.dd-check.on{background:var(--ink)!important;border-color:var(--ink)!important}.dd-wrap{position:relative!important;display:inline-block!important}.recharts-xAxis .recharts-cartesian-axis-tick text{font-size:13px!important;fill:#3a4a58!important}.recharts-yAxis .recharts-cartesian-axis-tick text{font-size:12px!important}.recharts-legend-wrapper{padding-top:16px!important;font-size:13px!important}.recharts-legend-item{margin-right:24px!important}.recharts-legend-item-text{color:#2c3e50!important;font-weight:500!important;font-size:13px!important}.filter-reset{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%!important;border:1px solid #dde1e6!important;background:#fff!important;color:#c0392b!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;opacity:1!important;flex-shrink:0!important}.filter-reset:hover{background:#c0392b!important;color:#fff!important;border-color:#c0392b!important}.filter-reset.hidden{opacity:0!important;pointer-events:none!important}@media (max-width: 1024px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4,.kpi-row{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;gap:12px}.nav-tabs{flex-wrap:wrap}.filter-bar{flex-wrap:wrap;gap:8px}}@media (max-width: 768px){body{padding:0}.app-shell{padding:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.kpi-row{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:16px}.kpi-value{font-size:24px}.chart-card{padding:16px}.nav-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{padding:10px 14px;font-size:13px;white-space:nowrap}.sub-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.sub-tab{padding:10px 14px;font-size:12px}.filter-bar{gap:6px}.dd-wrap{flex:1;min-width:0}.dd-trigger{font-size:12px;padding:6px 10px}.page-title{font-size:20px}.page-sub{font-size:12px}.section-title{font-size:16px}.insight{font-size:13px;padding:12px 14px}table{font-size:12px}th,td{padding:8px 10px}.recharts-wrapper{font-size:11px}}@media (max-width: 480px){.kpi-row{grid-template-columns:1fr}.kpi-card{padding:14px}.kpi-value{font-size:20px}.kpi-label{font-size:10px}.chart-card{padding:12px}h4{font-size:14px}.chart-sub{font-size:11px}.dd-trigger{padding:5px 8px;font-size:11px}.filter-reset{width:28px!important;height:28px!important;min-width:28px!important}}body.theme-minimal,.theme-minimal .app-shell{background:#fff}.theme-minimal .kpi-card,.theme-minimal .data-card{background:#fafafa;box-shadow:none;border-color:#f0f0f0}.theme-minimal .kpi-card:hover,.theme-minimal .data-card:hover{box-shadow:none;transform:none}.theme-minimal .chart-card{background:transparent;box-shadow:none;border:none}.theme-minimal .chart-card:hover{box-shadow:none}.theme-minimal .insight{background:#fafafa;box-shadow:none;border-color:#f0f0f0;border-left:3px solid #e67e22}.theme-minimal table{background:transparent}.theme-minimal table thead th{background:transparent;border-bottom-color:#e8e8e8}.theme-minimal table tbody tr{border-bottom-color:#f0f0f0}.theme-minimal table tbody tr:hover{background:#00000008}.theme-minimal .page-header{background:transparent}.theme-minimal .sub-tabs{border-bottom-color:#e8e8e8}.theme-minimal .dd-trigger{background:#fafafa;border-color:#ebebeb}.theme-minimal .dd-menu{background:#fff}.theme-minimal .separator{border-color:#f0f0f0}.theme-minimal .section-header{background:transparent}.theme-minimal .peak-profile{background:#fafafa;border-color:#f0f0f0}.theme-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7d8d;cursor:pointer;padding:4px 12px;border-radius:6px;border:1px solid #dde1e6;background:#fff;font-family:var(--font);transition:all .2s;white-space:nowrap}.theme-toggle:hover{border-color:#2c3e50;color:#2c3e50}.theme-toggle .toggle-dot{width:28px;height:16px;border-radius:8px;background:#e8e8e8;position:relative;transition:background .2s}.theme-toggle .toggle-dot:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.theme-toggle.active .toggle-dot{background:#2c3e50}.theme-toggle.active .toggle-dot:after{transform:translate(12px)}