:root{font-family:Arial,Helvetica,sans-serif;color:#2e4d58;background:#f7f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,.plot-point:focus-visible{outline:2px solid #bad548;outline-offset:3px}.page{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e8edeb}.header-inner{max-width:1460px;margin:auto;padding:19px 38px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:210px;max-width:100%;height:auto}.header-right{font-size:12px;font-weight:800;letter-spacing:.13em;display:flex;align-items:center;gap:12px}.header-context{color:#84979e;font-size:10px}.header-dot{height:5px;width:5px;border-radius:50%;background:#bad548}.container{max-width:1460px;margin:auto;padding:38px 38px 22px}.intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:29px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#79a65e;display:flex;align-items:center;gap:6px;margin:0 0 10px}h1{font-size:clamp(28px,3.5vw,49px);letter-spacing:-.044em;margin:0;line-height:1.17}h1 span{font-weight:400}.description{font-size:14px;color:#799097;margin:11px 0 0;max-width:680px;line-height:1.55}.status{font-size:11px;color:#47636b;white-space:nowrap;padding-bottom:6px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6dc5a3;margin-right:6px}.light{color:#95a5a8}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e4eae8;border-radius:8px;overflow:hidden;margin-bottom:37px}.metric{padding:22px 24px;border-right:1px solid #e9eeec}.metric:last-child{border-right:0}.metric>span,.metric>label~span{display:block;font-size:10px;letter-spacing:.11em;color:#799097;font-weight:800}.metric>strong{display:block;font-size:31px;line-height:1.3;margin:7px 0 2px}.metric small{font-size:11px;color:#9aabae}.period-select{display:flex;align-items:center;margin:10px 0 8px;gap:6px;width:max-content}.period-select select{border:0;background:transparent;font-size:26px;color:#2e4d58;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:120px}.section-label{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.17em;font-weight:800;color:#76919a;margin-bottom:14px}.section-label .line{height:1px;background:#dce5e1;flex:1}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px;align-items:stretch}.chart-panel,.detail-panel{background:#fff;border:1px solid #e2e9e6;border-radius:8px;padding:27px;min-width:0}.chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.chart-top h2,.detail-panel h2{font-size:25px;letter-spacing:-.025em;margin:0}.chart-top p{font-size:12px;color:#8a9da3;margin:7px 0 22px}.text-button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#6e8992;font-size:11px;white-space:nowrap;padding:8px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls label{font-size:10px;letter-spacing:.06em;color:#82969c;font-weight:700}.controls select{margin-top:7px;display:block;width:100%;max-width:100%;border:1px solid #dfe8e4;background:#fafbfa;border-radius:5px;padding:10px 9px;color:#2e4d58;font-weight:600;font-size:12px}.search-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.search{border:1px solid #dfe8e4;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 10px;width:250px;max-width:80%;color:#92a3a5}.search input{border:0;outline:0;padding:10px 0;background:transparent;min-width:0;width:100%;color:#2e4d58;font-size:12px}.count{font-size:11px;color:#9caaad}.plot-wrap{position:relative;margin:16px -4px 2px}.plot-wrap svg{display:block;overflow:visible}.axis-label{font-size:11px;fill:#9caeaf}.chart-caption{font-size:11px;fill:#64808a;font-weight:600}.point-name{font-size:11px;fill:#2e4d58;font-weight:700}.plot-point{cursor:pointer;transition:r .15s}.plot-point:hover{r:7}.tooltip{position:absolute;pointer-events:none;background:#2e4d58;color:#fff;box-shadow:0 8px 22px #2e4d5830;padding:10px 12px;border-radius:5px;font-size:11px;z-index:2;width:188px;display:flex;flex-direction:column;gap:4px}.tooltip strong{font-size:12px}.tooltip span{color:#dfebeb}.legend{display:flex;align-items:center;justify-content:center;gap:22px;color:#7b9199;font-size:11px;margin-top:0}.circle{display:inline-block;height:10px;width:10px;border-radius:50%;background:#6dc5a3;margin-right:5px}.line-icon{display:inline-block;width:17px;border-top:2px dashed #a6bb5c;vertical-align:middle;margin-right:5px}.chart-footer{display:flex;gap:8px;font-size:10px;color:#9ca9ab;margin-top:21px;border-top:1px solid #edf0ef;padding-top:15px;line-height:1.5}.detail-panel{padding:30px}.detail-panel h2{font-size:29px;text-transform:capitalize;margin-top:6px}.period-sub{font-size:11px;color:#9baeb0;margin-top:4px}.hero-stat{display:flex;flex-direction:column;gap:1px;margin-top:32px}.hero-stat strong{font-size:clamp(47px,5vw,64px);line-height:1;color:#2e4d58;letter-spacing:-.05em}.hero-stat span{font-size:16px;color:#667f88}.ci-note{font-size:10px;color:#93a6aa;margin-top:11px}.ci-note span{padding:0 5px}.divider{height:1px;background:#e8edeb;margin:24px 0}.detail-panel h3{font-size:16px;margin:0 0 5px}.hint{font-size:11px;color:#9baeb0;margin:0 0 20px}.problems{display:grid;gap:13px}.problem-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:7px}.problem-top span{font-size:11px;color:#657d85}.problem-top strong{font-size:12px}.track{height:6px;border-radius:10px;background:#eef2ed;overflow:hidden}.fill{background:#bad548;height:100%;border-radius:10px}.effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.effect-grid>div{background:#f5f8f6;padding:14px 12px;border-radius:5px}.effect-grid span{display:block;font-size:10px;line-height:1.5;color:#779097;min-height:30px}.effect-grid strong{font-size:24px;display:block;margin-top:7px}.footnote{font-size:10px;color:#a0afb1;line-height:1.6;margin-top:18px}.tools{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf2ef;border:1px solid #e1eae5;border-radius:7px;padding:19px 22px;margin-top:21px}.tools strong{font-size:13px}.tools p{font-size:11px;color:#82949a;margin:5px 0 0}.tool-actions{display:flex;gap:9px;flex-wrap:wrap}.tool-actions button{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:5px;font-size:11px;font-weight:700}.secondary{border:1px solid #bdcdca;background:#fff;color:#2e4d58}.primary{border:1px solid #2e4d58;background:#2e4d58;color:#fff}.primary:disabled{opacity:.5}.error{color:#a54444!important}.footer{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.08em;color:#a1b0b2;margin-top:28px;padding:15px 0;border-top:1px solid #e3eae7}.empty{display:flex;align-items:center;justify-content:center;min-height:230px;color:#93a4a8;font-size:13px}@media(max-width:970px){.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #e9eeec}.detail-panel{min-height:0}}@media(max-width:640px){.header-inner{padding:15px 18px}.brand img{width:165px}.header-context{display:none}.container{padding:25px 14px}.intro{display:block}.status{margin-top:17px}.metrics{margin-bottom:27px}.metric{padding:18px 15px}.metric>strong{font-size:26px}.metric>span{font-size:9px}.period-select select{font-size:22px}.chart-panel,.detail-panel{padding:18px 13px}.chart-top h2{font-size:21px}.chart-top p{font-size:11px}.controls{grid-template-columns:1fr}.tools{align-items:stretch;flex-direction:column}.tool-actions button{flex:1;justify-content:center}.footer{flex-direction:column}.detail-panel h2{font-size:24px}}.hover-info{min-height:46px;padding:9px 12px;margin-bottom:6px;background:#f2f6f4;border:1px solid #e3ebe7;border-radius:6px;color:#617d84;font-size:11px;display:flex;gap:8px 16px;align-items:center;flex-wrap:wrap}.hover-info strong{color:#2e4d58;font-size:12px}.hover-info span{line-height:1.4}.city-combobox{position:relative;width:320px;max-width:85%;z-index:5}.city-combobox .search{width:100%;max-width:none}.city-options{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #dfe8e4;border-radius:6px;box-shadow:0 12px 24px #2e4d5820;padding:4px;z-index:10}.city-option{display:block;width:100%;border:0;text-align:left;background:transparent;color:#2e4d58;border-radius:4px;padding:9px 12px;font-size:12px;cursor:pointer}.city-option:hover,.city-option.active{background:#edf5f1}.city-option:focus-visible{outline:2px solid #bad548}@media(max-width:640px){.city-combobox{width:100%;max-width:75%}.hover-info{gap:4px 9px;min-height:66px}}