:root{color:#1d292d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf3f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app-shell{color:#1d292d;background:linear-gradient(90deg,#167a7f0a,#0000 28%),linear-gradient(#f7faf9 0%,#edf3f4 100%);grid-template-columns:300px minmax(0,1fr) 300px;min-height:100vh;display:grid}.control-panel,.insight-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-color:#d9e3e5;padding:22px}.control-panel{border-right:1px solid #d9e3e5}.insight-panel{border-left:1px solid #d9e3e5}.brand{border-bottom:1px solid #d9e3e5;align-items:center;gap:12px;padding-bottom:22px;display:flex}.mark,.kpi-icon{color:#167a7f;background:#e8f4f3;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand h1,.topbar h2,.chart-head h3{color:#122025;letter-spacing:0;margin:0}.brand h1{font-size:20px;font-weight:760;line-height:1.1}.brand p,.topbar p,.chart-head p,.kpi small,.notes,.result-card p{color:#66777d;margin:0}.brand p,.chart-head p,.kpi span,.kpi small,.stat-list span,.result-card span,.field span,.toggle,.download{font-size:12px;line-height:1.35}.panel-section{margin-top:22px}.panel-section.compact{margin-top:18px}.section-title{color:#223238;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:730;display:flex}.field{margin-bottom:16px;display:block}.field span{color:#52656b;margin-bottom:7px;font-weight:680;display:block}.input-row{background:#fff;border:1px solid #cfdcdf;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.input-row input{color:#15252a;background:0 0;border:0;outline:none;width:100%;font:700 14px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}.input-row em{color:#718288;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:700}.field input[type=range]{accent-color:#167a7f;width:100%;margin-top:8px}.date-field .input-row{padding:7px 8px}.date-field input[type=date]{min-height:24px}.range-presets{grid-template-columns:repeat(4,1fr);gap:6px;margin:2px 0 4px;display:grid}.range-presets button{color:#223238;cursor:pointer;background:#f8fbfb;border:1px solid #cbd9dc;border-radius:8px;min-height:34px;font-size:12px;font-weight:760}.range-presets button:hover,.download:hover,.tabs button:hover{background:#eef7f7;border-color:#9fc1c5}.toggle{color:#52656b;align-items:center;gap:8px;margin-top:8px;font-weight:680;display:flex}.toggle input{accent-color:#167a7f;width:16px;height:16px}.segmented-control{margin-top:14px;display:block}.segmented-control>span{color:#52656b;margin-bottom:7px;font-size:12px;font-weight:680;display:block}.segmented-control>div{background:#eef5f5;border:1px solid #d4e0e2;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.segmented-control button{color:#203238;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:34px;font-size:12px;font-weight:760}.segmented-control button.active{background:#fff;border-color:#c5d6d9;box-shadow:0 6px 18px #223c4414}.download,.tabs button{color:#203238;cursor:pointer;background:#fff;border:1px solid #cbd9dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:760;display:inline-flex}.download{width:100%;margin-top:18px;padding:11px 12px}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar h2{font-size:24px;font-weight:780}.topbar p{margin-top:5px;font-size:13px}.tabs{background:#eef5f5;border:1px solid #d4e0e2;border-radius:10px;gap:5px;padding:5px;display:inline-flex}.tabs button{background:0 0;border-color:#0000;min-width:94px;padding:8px 10px;font-size:12px}.tabs button.active{background:#fff;border-color:#c5d6d9;box-shadow:0 6px 18px #223c4414}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi{background:#ffffffe0;border:1px solid #d8e3e5;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:82px;padding:14px;display:grid;box-shadow:0 12px 28px #2a454b0f}.kpi span,.stat-list span,.result-card span{color:#66777d;font-weight:720;display:block}.kpi strong{color:#142329;margin:4px 0 2px;font-size:21px;line-height:1.05;display:block}.chart-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.85fr);gap:14px;display:grid}.chart-card{background:#ffffffeb;border:1px solid #d7e2e4;border-radius:8px;min-width:0;padding:16px;box-shadow:0 16px 36px #2a454b12}.chart-card.primary{grid-column:1/-1}.chart-card.split{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.chart-head h3{font-size:15px;font-weight:760}.chart-head p,.chart-head span{color:#65787d;margin-top:3px;font-size:12px}.result-card{background:#f8fbfb;border:1px solid #cfdfe1;border-radius:8px;padding:16px}.result-card.winner{background:linear-gradient(135deg,#e8f4f3,#fff8e8);margin-top:18px}.result-card strong{color:#122025;margin:5px 0;font-size:28px;line-height:1;display:block}.stat-list{border-top:1px solid #d9e3e5;margin-top:14px}.stat-list div{border-bottom:1px solid #d9e3e5;padding:13px 0}.stat-list strong{color:#15252a;margin-top:4px;font-size:15px;line-height:1.25;display:block}.notes{padding-left:17px;font-size:12px}.notes li{margin-bottom:8px}.recharts-wrapper{font-size:11px}.recharts-default-tooltip{border:1px solid #cbd9dc!important;border-radius:8px!important;box-shadow:0 12px 30px #20323824!important}.recharts-brush .recharts-brush-slide{fill:#167a7f21}.recharts-brush .recharts-brush-traveller{fill:#fff;stroke:#167a7f}@media (width<=1240px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.insight-panel{border-top:1px solid #d9e3e5;border-left:0;grid-column:1/-1;grid-template-columns:1.2fr .8fr 1fr;gap:18px;display:grid}.insight-panel .panel-section,.result-card.winner,.stat-list{margin-top:0}}@media (width<=940px){.app-shell{display:block}.control-panel,.workspace,.insight-panel{padding:16px}.control-panel{border-bottom:1px solid #d9e3e5;border-right:0}.panel-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.section-title,.toggle,.segmented-control,.range-presets{grid-column:1/-1}.field{margin-bottom:0}.topbar,.chart-head{display:block}.tabs{width:100%;margin-top:12px}.tabs button{flex:1;min-width:0}.kpi-grid,.chart-grid,.chart-card.split,.insight-panel{grid-template-columns:1fr}}@media (width<=620px){.panel-section{grid-template-columns:1fr}.kpi{min-height:72px}.kpi strong{font-size:19px}.topbar h2{font-size:21px}}