:root{color-scheme:light;--primary:#2563eb;--primary-hover:#1b51d1;--accent:#16a34a;--bg:#f7f9fc;--paper:#fff;--text:#101828;--text2:#334155;--muted:#758197;--hair:#e6eaf1;--hair2:#edf0f5;--shadow:0 3px 14px rgba(29,43,75,.035),0 14px 36px rgba(38,57,90,.025);--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:450 14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}input[type=number]{font-variant-numeric:tabular-nums}[hidden]{display:none!important}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--hair);display:flex;flex-direction:column;min-height:100vh;height:100vh;position:sticky;top:0;padding:35px 17px 21px}.brand{display:block;margin:0 13px 59px}.brand strong{font-size:20px;line-height:1.17;letter-spacing:-.9px;font-weight:800}.brand-point{color:var(--primary)}.brand>span{display:block;margin-top:10px;font:500 9px/1.5 var(--mono);letter-spacing:1px;color:#9da9b8}.side-group-name{color:#a2acba;font:600 10px var(--font);letter-spacing:1px;padding:0 15px 14px}.main-nav{display:grid;gap:5px}.nav-link{height:46px;display:flex;align-items:center;gap:12px;border-radius:10px;padding:0 14px;font-weight:550;color:#69758a;transition:background .2s,color .2s,transform .2s}.nav-link:hover{background:#f3f7ff;color:var(--primary)}.nav-link.active{color:#1c56c7;background:#e8f0ff;font-weight:700}.ni{width:21px;height:21px;display:inline-block;flex:none}.ni svg{display:block;width:100%;height:100%}.sidebar-footer{margin-top:auto}.sidebar-note{border:1px solid #e4eaf1;background:#fbfcfe;border-radius:12px;display:flex;align-items:center;gap:10px;padding:13px 12px}.note-dot{flex:none;display:block;width:8px;height:8px;border-radius:50%;background:#2fbe73;box-shadow:0 0 0 4px #dcfce9;animation:breathe 2.4s ease-in-out infinite}.sidebar-note strong{display:block;color:#3c4b5d;font-size:11px;font-weight:650}.sidebar-note small{display:block;color:#9ba6b4;font-size:10px;margin-top:2px}.sidebar-build{padding:23px 11px 0;color:#adb6c4;line-height:1.8;font-size:10px}.mobilebar{display:none}.main{min-width:0}.main-inner{max-width:1580px;margin:0 auto;padding:44px 40px 24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:21px}.overline{display:block;font:600 10px var(--font);letter-spacing:1.4px;color:#8b9ab0;margin-bottom:10px}.heading-block h1{font-size:clamp(26px,2.6vw,35px);font-weight:750;letter-spacing:-1.25px;line-height:1.15;margin:0 0 9px}.heading-block p{font-size:12px;color:#75849a;margin:0}.head-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.scenario-select{height:43px;min-width:173px;display:flex;align-items:center;border:1px solid #d6dce6;border-radius:10px;background:#fff;position:relative;box-shadow:0 1px 3px #10203d04}.scenario-select select{width:100%;background:transparent;appearance:none;border:none;outline:none;padding:0 39px 0 15px;font-size:12px;font-weight:600;color:#2b3648;cursor:pointer}.scenario-select svg{width:16px;height:16px;position:absolute;right:12px;pointer-events:none;color:#637289}.primary-button{height:43px;border:1px solid var(--primary);background:linear-gradient(#337df4,#2364e6);color:#fff;padding:0 19px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:700;box-shadow:0 3px 11px #2563eb23;transition:.2s}.primary-button:hover{transform:translateY(-1px);background:#1f59da;box-shadow:0 7px 18px #2563eb2d}.primary-button svg{width:16px;height:16px}.statusline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#98a4b3;font-size:11px;gap:10px}.statusline b{margin:0 7px;font-weight:400}.live{display:flex;align-items:center;gap:8px;color:#4e9a6c;font-weight:550}.live i{width:7px;height:7px;background:#21b665;display:block;border-radius:50%;box-shadow:0 0 0 3px #d7f4e4}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-width:0;position:relative;min-height:146px;overflow:hidden;padding:21px 20px 18px;border-radius:14px;border:1px solid #e3e9f0;background:var(--paper);box-shadow:var(--shadow);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-3px);border-color:#c9d7f4;box-shadow:0 8px 25px #405a8622}.metric-header{font-size:11px;font-weight:600;color:#526078;display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi-icon{width:25px;height:25px;border-radius:7px;background:#f2f7ff;color:#7b9cf0;display:grid;place-items:center;font-size:15px;font-weight:600}.metric-value{font-size:clamp(23px,2.2vw,30px);font-weight:750;line-height:1.2;letter-spacing:-1.1px;margin-top:15px;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-bottom{display:flex;align-items:end;justify-content:space-between;gap:4px;margin-top:8px;min-height:29px}.metric-delta{font-size:10px;color:#8997a9;max-width:130px;line-height:1.5}.metric-delta.positive{color:#178c49}.metric-delta.negative{color:#db674b}.sparkline{width:90px;height:31px;flex:none}.sparkline svg{display:block;width:100%;height:100%}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:16px;align-items:start;margin-top:17px}.panel{border:1px solid #e3e8ef;border-radius:15px;background:#fff;box-shadow:var(--shadow)}.chart-panel{min-width:0;padding:25px 26px 20px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-heading h2,.data-heading h2{font-size:16px;letter-spacing:-.45px;font-weight:700;margin:0}.panel-heading p,.data-heading p{font-size:11px;color:#96a2b2;margin:7px 0 0}.info-i{border:1.5px solid #a9b8d0;background:transparent;color:#889ab7;width:16px;height:16px;border-radius:100%;line-height:14px;font-size:10px;text-align:center;padding:0;margin-left:2px;vertical-align:middle}.period-box{display:flex;align-items:center;gap:6px;border:1px solid #e0e5ec;background:#fff;border-radius:8px;padding:9px 12px;color:#506076;font-size:10px;font-weight:600;white-space:nowrap}.period-box svg{width:14px;height:14px;fill:none;stroke:#758398;stroke-width:2}.chart-key{display:flex;align-items:center;gap:7px;margin-top:23px;font-size:12px;color:#687c8c}.chart-key strong{font-size:16px;font-weight:750;color:#172333;margin-left:auto;letter-spacing:-.3px}.legend-sample{height:3px;width:19px;background:#16a34a;border-radius:3px}.main-chart-area{height:290px;margin-top:2px;position:relative}.main-chart-area svg{display:block;width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;pointer-events:none;z-index:3;min-width:135px;background:#fff;border:1px solid #dce4f2;box-shadow:0 8px 28px #2a3c6040;border-radius:10px;padding:10px;color:#243044;font-size:11px}.chart-tooltip b{font-size:14px}.grid-line{stroke:#e7edf4;stroke-width:1;stroke-dasharray:3 4}.grid-label{fill:#9aa8b9;font-size:11px;font-family:var(--font)}.metric-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:9px 0 0}.tab{padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8b99a8;font-size:10px;font-weight:550;transition:.2s}.tab:hover{background:#f1f5fa;color:#53657c}.tab.active{background:#edf5ff;border-color:#daebff;color:#2563eb;font-weight:700}.playback-panel{border-top:1px solid #edf0f4;margin-top:22px;padding-top:17px}.playback-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#78889a;font-size:10px}.playback-top b{font-variant-numeric:tabular-nums;color:#3a5269}.small-circle{display:inline-block;height:6px;width:6px;background:#2563eb;border-radius:100%;margin-right:7px}.timeline{appearance:none;display:block;width:100%;height:5px;border-radius:10px;margin:19px 0 18px;cursor:pointer;background:#e7edf4}.timeline::-webkit-slider-thumb{appearance:none;background:#fff;width:17px;height:17px;border:4px solid #2563eb;box-shadow:0 1px 4px #233f6f18;border-radius:100%}.timeline::-moz-range-thumb{background:#fff;width:11px;height:11px;border:4px solid #2563eb;border-radius:100%}.playback-bottom,.playback-buttons{display:flex;align-items:center;justify-content:space-between;gap:9px}.playback-buttons{justify-content:flex-end}.text-button{border:none;background:none;color:#8291a7;font-size:11px;font-weight:600;padding:9px 2px}.text-button:hover{color:#2563eb}.outline-button{border:1px solid #e1e7ef;border-radius:9px;background:#fff;color:#41556d;font-size:11px;font-weight:650;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;white-space:nowrap;transition:background .2s,border-color .2s}.outline-button:hover{border-color:#bcd0ef;background:#f4f8ff;color:#2563eb}
.settings-panel{padding:24px 22px 21px}.settings-heading{margin-bottom:25px}.settings-heading p{font-size:10px}.tune-icon{width:20px;height:20px;color:#95a5b8;flex:none}.setting-section-title{font-size:9px;color:#91a0b2;font-weight:700;letter-spacing:1.1px;margin-bottom:14px}.model-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model-choice{background:#fff;border:1px solid #e1e7ee;border-radius:10px;min-height:64px;padding:10px 13px;display:flex;flex-direction:column;gap:3px;text-align:left;transition:.2s}.model-choice:hover{border-color:#a8c4f8}.model-choice.selected{border-color:#87b5fa;background:#f1f7ff;box-shadow:0 0 0 1px #d5e6ff inset}.model-choice strong{font-size:11px;color:#29384c;font-weight:700}.model-choice.selected strong{color:#1e5ed9}.model-choice small{font-size:10px;color:#95a1b0}.model-note{font-size:10px;line-height:1.7;color:#98a4b4;margin:10px 0 0}.settings-divider{height:1px;background:#edf0f5;margin:23px 0 20px}.field-group{margin-bottom:15px}.field-label{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#536078;font-size:11px;font-weight:550;margin-bottom:8px}.field-label span{color:#9ca7b5;font-size:10px;font-weight:400}.number-box{display:flex;align-items:center;gap:8px;height:39px;border:1px solid #dce3eb;border-radius:8px;background:#fff;padding:0 11px;transition:border-color .2s}.number-box:focus-within{border-color:#80b0f6;box-shadow:0 0 0 3px #dbeafe}.number-box input{border:none;outline:none;background:none;min-width:0;width:100%;color:#293649;font-size:12px;font-weight:700;appearance:textfield}.number-box input::-webkit-inner-spin-button,.number-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-box span{font-size:10px;color:#9eaabc;white-space:nowrap}.slider-group{margin-bottom:20px}.slider-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#4e5e76;margin-bottom:9px}.slider-title output{min-width:50px;border:1px solid #e4e9f0;background:#fbfcfe;border-radius:7px;color:#2c3d53;text-align:center;padding:6px 5px;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums}.setting-slider{appearance:none;border-radius:10px;background:linear-gradient(90deg,#347cf0 var(--fill,30%),#e9edf3 var(--fill,30%));width:100%;height:5px;cursor:pointer;margin:7px 0 8px}.setting-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:4px solid #347cf0;background:#fff;border-radius:50%;box-shadow:0 1px 4px #26354c26}.setting-slider::-moz-range-thumb{width:9px;height:9px;border:4px solid #347cf0;background:#fff;border-radius:50%}.slider-scale{display:flex;justify-content:space-between;color:#b0bac7;font-size:9px}.field-group.compact{margin-bottom:5px}.alpha-warning{color:#b87645;font-size:10px;margin:8px 0}.model-warning{margin-top:13px;border:1px solid #ffd7ba;background:#fff7ed;color:#a35c29;border-radius:9px;padding:11px;font-size:10px;line-height:1.6}.recalculate-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:19px;border:1px solid #d9e7ff;background:#edf5ff;color:#2264d8;padding:11px 13px;border-radius:10px;font-size:11px;font-weight:700;transition:.2s}.recalculate-button:hover{background:#e0edff}.recalculate-button span{font-size:15px}.local-hint{font-size:9px;color:#a7b3c0;text-align:center;margin:10px 0 0}
.data-panel{margin-top:18px;padding:24px 25px 0;overflow:hidden}.data-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:17px}.data-actions{display:flex;gap:8px}.data-tabs{display:flex;gap:25px;border-bottom:1px solid #edf0f4;overflow-x:auto}.data-tab{position:relative;white-space:nowrap;padding:12px 2px 14px;background:none;border:none;color:#8794a6;font-size:11px;font-weight:550}.data-tab.active{color:#2563eb;font-weight:700}.data-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:#2563eb}.data-pane{padding-top:16px;min-height:130px}.table-wrap{overflow-x:auto;max-height:390px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dae3ed transparent}table{width:100%;min-width:700px;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;text-align:left}thead{position:sticky;top:0;z-index:2;background:#f6f8fb}th{color:#7f8c9e;font-size:9px;letter-spacing:.2px;font-weight:700;padding:12px 13px;white-space:nowrap}thead th:first-child{border-radius:7px 0 0 7px}thead th:last-child{border-radius:0 7px 7px 0}td{border-bottom:1px solid #edf1f5;padding:13px;color:#47566a;white-space:nowrap}td:first-child{font-weight:700;color:#253348}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f7faff}tbody tr.selected{background:#f2f7ff}.limit-label{border-radius:5px;background:#eff8f1;color:#278950;padding:5px 7px;font-size:9px;font-weight:600}.limit-label.rate{background:#edf4ff;color:#3472d6}.limit-label.search{background:#fff3e6;color:#c07b20}.table-foot{display:flex;justify-content:space-between;gap:10px;color:#a9b4c1;font-size:9px;padding:14px 1px 18px}.pane-description{font-size:11px;color:#7a8a9b;margin:0 0 17px}.table-fineprint{font-size:10px;color:#9aa6b3;padding:3px 0 16px}.notice-panel{display:flex;gap:14px;border:1px solid #e1e8f3;background:#f0f5fc;border-radius:13px;margin-top:18px;padding:19px 20px}.notice-icon{display:grid;place-items:center;width:20px;height:20px;flex:none;border:1.5px solid #82a5df;border-radius:50%;font-weight:700;font-size:11px;color:#618ccd}.notice-panel h3{font-size:12px;margin:0;color:#536b87}.notice-panel p{font-size:11px;line-height:1.8;color:#8193a9;margin:6px 0 0}.footer{padding:25px 0 6px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#a5b0be;font-size:10px}.footer span span{margin:0 5px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border-radius:10px;background:#152942;color:#fff;padding:12px 20px;box-shadow:0 7px 25px #182c493d;z-index:30;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.section-reveal{animation:rise .55s ease-out both}.dashboard-grid .section-reveal{animation-delay:.11s}.data-panel.section-reveal{animation-delay:.19s}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{box-shadow:0 0 0 7px #e8f9ee}}
@media(max-width:1280px){.app-shell{grid-template-columns:204px minmax(0,1fr)}.sidebar{padding:27px 12px}.brand{margin:0 10px 50px}.main-inner{padding:32px 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 305px}.settings-panel{padding:22px 17px}.chart-panel{padding:23px 20px}.metric-card{padding:17px 14px}.sparkline{width:69px}.metric-header{font-size:10px}.metric-value{font-size:25px}}
@media(max-width:1070px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:17px 9px;align-items:center}.brand{margin:0 0 52px}.brand strong{font-size:0}.brand strong:after{content:"Э";font-size:23px;color:#2563eb}.brand>span,.side-group-name,.nav-link:not(.active),.sidebar-footer{display:none}.main-nav{display:flex;flex-direction:column;align-items:center}.nav-link{padding:0;width:48px;justify-content:center;font-size:0}.nav-link .ni{display:block}.dashboard-grid{grid-template-columns:minmax(0,1fr) 285px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:122px}}
@media(max-width:800px){.sidebar{display:none}.app-shell{display:block}.mobilebar{height:58px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #e7edf4;box-shadow:0 2px 14px #253b5a0b}.mobilebar>span{font-size:13px;font-weight:800;letter-spacing:-.35px}.mobilebar a{font-size:11px;color:#2563eb;font-weight:650}.main-inner{padding:26px 18px}.page-head{align-items:start}.heading-block h1{font-size:26px}.dashboard-grid{grid-template-columns:1fr}.settings-panel{order:-1;padding:23px}.chart-panel{padding:23px}.model-switch{max-width:100%}.page-head{flex-wrap:wrap}.head-actions{width:100%}.head-actions .scenario-select,.head-actions .primary-button{flex:1;min-width:0}.main-chart-area{height:285px}}
@media(max-width:520px){.main-inner{padding:20px 12px}.heading-block h1{font-size:24px}.heading-block p{line-height:1.7;font-size:11px}.statusline{font-size:9px}.statusline>span:last-child{display:none}.metrics{gap:9px}.metric-card{min-height:128px;padding:14px 12px}.metric-header{font-size:9px}.kpi-icon{width:22px;height:22px;font-size:12px}.metric-value{font-size:22px;margin-top:16px}.metric-bottom{flex-wrap:wrap;margin-top:7px}.metric-delta{font-size:9px}.sparkline{width:67px;height:25px}.chart-panel{padding:20px 13px}.main-chart-area{height:235px}.period-box{font-size:9px;padding:8px}.panel-heading h2,.data-heading h2{font-size:14px}.chart-key{margin-top:15px}.tab{font-size:9px;padding:8px}.playback-bottom{flex-wrap:wrap}.playback-buttons{width:100%;justify-content:space-between}.text-button{font-size:10px}.data-panel{padding:19px 14px 0}.data-heading{flex-wrap:wrap}.data-actions{width:100%;margin-top:5px}.data-actions .outline-button{flex:1;justify-content:center}.data-tabs{gap:19px}.data-tab{font-size:10px}.notice-panel{padding:15px}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Mobile-first refinement layer */
:root{--easing:cubic-bezier(.22,1,.36,1)}
.ui-icon{display:inline-block;width:19px;height:19px;vertical-align:middle;flex:none;stroke-width:1.85}
.kpi-icon .ui-icon{width:16px;height:16px}
.recalculate-button{justify-content:flex-start;gap:9px;min-height:46px}
.recalculate-button>span{margin-left:auto;display:flex}
.recalculate-button .ui-icon{width:17px;height:17px}
.outline-button .ui-icon,.text-button .ui-icon{width:16px;height:16px}
.text-button{display:inline-flex;align-items:center;gap:5px}
.mobile-bottom-nav{display:none}
.mobile-top-action{border:0;background:#eff5ff;border-radius:11px;padding:10px 13px;color:#2460db;font-weight:650;font-size:12px;display:inline-flex;align-items:center;gap:7px}
.mobile-top-action .ui-icon{width:16px;height:16px}
.mobile-top-dot{color:#22c55e;font-size:8px;vertical-align:middle;margin-left:4px}
.number-control{display:flex;align-items:center;gap:8px}
.number-control .number-box{min-width:0;flex:1}
.stepper{width:39px;height:39px;flex:none;border:1px solid #dce5f0;border-radius:10px;background:#f9fbff;color:#275ac1;display:grid;place-items:center;font-size:21px;font-weight:400;transition:background .2s var(--easing),transform .2s var(--easing)}
.stepper:active{transform:scale(.94);background:#e9f1ff}
.metric-card,.model-choice,.tab,.data-tab,.primary-button,.outline-button,.nav-link,.mobile-nav-item{transition:background .25s var(--easing),box-shadow .3s var(--easing),border-color .25s var(--easing),transform .35s var(--easing),color .25s var(--easing)}
.main-chart-area svg{transition:opacity .24s var(--easing)}
#mainChart path:not(.grid-line){transition:stroke .3s var(--easing)}
.metric-value,.chart-key strong{font-variant-numeric:tabular-nums}
@media(max-width:800px){
 html{scroll-padding-top:84px}
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .mobilebar{height:60px;padding-left:18px;padding-right:18px;box-shadow:0 2px 18px #1c32690b}
 .mobilebar>span{font-size:16px;letter-spacing:-.5px}
 .mobile-bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(69px + env(safe-area-inset-bottom));padding:6px 7px calc(4px + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid #e5ebf3;box-shadow:0 -4px 26px #1a345912}
 .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border-radius:12px;color:#8491a3;font-size:10px;font-weight:600}
 .mobile-nav-item .ui-icon{width:22px;height:22px}
 .mobile-nav-item.active{color:#2563eb}
 .mobile-nav-item.active .ui-icon{background:#e8f0ff;box-sizing:content-box;padding:5px 17px;margin:-5px -17px;border-radius:20px}
 .mobile-nav-item:active{transform:scale(.95)}
 .main-inner{padding-top:21px}
 .page-head{margin-bottom:14px}
 .heading-block h1{font-size:25px;line-height:1.2;letter-spacing:-.85px}
 .heading-block p{font-size:12px;max-width:350px}
 .overline{font-size:9px;margin-bottom:6px}
 .head-actions{gap:9px}
 .scenario-select,.primary-button{height:48px;border-radius:12px}
 .scenario-select select{font-size:12px}
 .primary-button{font-size:12px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric-card{min-height:134px;border-radius:16px}
 .metric-header{font-size:10px}
 .metric-value{font-size:clamp(22px,5vw,28px)}
 .dashboard-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}
 .settings-panel{order:0}
 .chart-panel{order:1}
 .settings-panel,.chart-panel,.data-panel{width:100%;border-radius:17px}
 .settings-panel{padding:22px 19px}
 .model-choice{min-height:69px;padding:12px 15px}
 .settings-panel .settings-divider{margin:19px 0 17px}
 .settings-panel .setting-section-title{margin-bottom:12px}
 .setting-slider{height:7px;margin:13px 0 11px;touch-action:pan-y}
 .setting-slider::-webkit-slider-thumb{width:25px;height:25px;border:5px solid #2878ef;box-shadow:0 2px 8px #286cf02a}
 .setting-slider::-moz-range-thumb{width:16px;height:16px;border:5px solid #2878ef}
 .slider-title{margin-bottom:6px;font-size:12px}
 .slider-title output{min-width:58px;padding:8px;font-size:12px}
 .slider-group{margin-bottom:24px}
 .number-control{gap:9px}
 .stepper{width:48px;height:48px;font-size:24px;border-radius:12px;touch-action:manipulation}
 .number-control .number-box{height:48px;border-radius:12px}
 .number-box input{font-size:16px}
 .field-label{font-size:12px;margin-bottom:10px}
 .recalculate-button{margin-top:20px;min-height:50px;border-radius:12px;padding:13px 15px;font-size:12px}
 .chart-panel{padding:22px 15px}
 .main-chart-area{height:245px}
 .metric-tabs{gap:5px;justify-content:flex-start}
 .metric-tabs .tab{padding:10px 12px;font-size:11px;min-height:42px}
 .playback-panel{padding-top:18px}
 .playback-top{font-size:11px}
 .timeline{height:7px;margin:23px 0 22px;touch-action:pan-y}
 .timeline::-webkit-slider-thumb{width:23px;height:23px;border:5px solid #2563eb}
 .playback-buttons .outline-button{min-height:44px}
 .data-panel{margin-top:12px}
 .data-tabs{gap:20px}
 .data-tab{font-size:12px;min-height:49px}
 .table-wrap{max-height:390px}
 #data{scroll-margin-top:75px}
 #model,#analysis,#overview{scroll-margin-top:75px}
 .toast{bottom:calc(85px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);text-align:center}
}
@media(max-width:440px){
 .metric-card{min-height:125px}
 .number-control .number-box input{font-size:16px}
 .data-heading p{line-height:1.6}
 .page-head{gap:15px}
}
@media(prefers-reduced-motion:reduce){.metric-card,.model-choice,.tab,.data-tab,.primary-button,.outline-button,.nav-link,.mobile-nav-item,.stepper{transition:none}}

/* Kapitalia branding and responsive refinements */
.brand strong{display:block;white-space:nowrap;letter-spacing:-.8px;font-size:23px}
.brand>span{font-size:8px;letter-spacing:.65px}
.sidebar-build,.footer,.notice-panel{display:none!important}
.statusline,.panel-heading,.data-heading{min-width:0}
.main-chart-area{min-width:0}
@media(max-width:1070px){
 .brand strong{font-size:0}
 .brand strong:after{content:"К";font-size:25px;font-weight:800;letter-spacing:-1px;color:#2563eb}
}
@media(max-width:800px){
 .mobilebar{padding-right:14px;padding-left:17px}
 .mobilebar>span{white-space:nowrap;font-size:17px;font-weight:800}
 .main-inner{padding-bottom:26px}
 .page-head,.head-actions{min-width:0}
 .head-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
 .head-actions .scenario-select{min-width:0}
 .scenario-select select{min-width:0;max-width:100%}
 .model-choice,.outline-button,.data-tab,.mobile-nav-item{touch-action:manipulation}
 .panel-heading h2{line-height:1.35}
}
@media(max-width:390px){
 .main-inner{padding-left:10px;padding-right:10px}
 .mobilebar{padding-left:12px;padding-right:12px}
 .mobile-top-action{padding:9px 10px;font-size:11px}
 .metric-card{padding:13px 10px}
 .metric-value{font-size:21px}
 .sparkline{width:55px}
 .metric-card .metric-header{font-size:9px;line-height:1.4}
 .data-panel,.settings-panel,.chart-panel{padding-left:12px;padding-right:12px}
 .head-actions .scenario-select select{font-size:11px;padding-left:10px}
}

/* Kapitalia / editorial warm interface v3 */
:root {
 --bg:#f7f5f1;--paper:#fffefd;--text:#252a30;--text2:#48505b;
 --primary:#3755b8;--primary-hover:#2c4597;--accent:#bc754e;
 --muted:#898b8e;--hair:#eae6df;--hair2:#f1ede8;
 --shadow:0 3px 10px rgba(48,42,35,.025),0 20px 54px rgba(45,39,31,.035);
 --easing:cubic-bezier(.22,1,.36,1)
}
body {background:var(--bg);color:var(--text)}
.sidebar{background:#fcfaf7;border-right:1px solid #e8e4de}
.brand strong{font-size:25px;letter-spacing:-1.1px;font-weight:800}
.brand-point{color:var(--accent)}
.brand>span{color:#a3a09d;font-size:8px;letter-spacing:1.05px}
.side-group-name{color:#aca69f}
.nav-link{color:#757d85;border-radius:12px}
.nav-link.active{background:#eee9e2;color:#3a4150}
.nav-link:hover{background:#f2eee8;color:#373e4a}
.sidebar-note{border:1px solid #e9e3d8;background:#f7f1e8;border-radius:15px;padding:15px 13px;align-items:flex-start;justify-content:space-between}
.sidebar-note strong{font-size:12px;color:#4b4140}
.sidebar-note small{color:#888179;font-size:10px;max-width:150px}
.note-dot,.mobile-top-dot,.live i,.small-circle{display:none!important}
.note-arrow{font-size:19px;color:#bb8a6b;line-height:1}
.main-inner{max-width:1540px;padding-top:48px}
.page-head{align-items:flex-end;margin-bottom:24px}
.overline{font-size:10px;letter-spacing:1.9px;color:#918a83;font-weight:650;display:flex;align-items:center;gap:11px;margin-bottom:14px}
.issue-number{display:grid;place-items:center;min-width:30px;height:29px;background:#ebe3d7;color:#745a4c;border-radius:8px;font:600 11px var(--mono);letter-spacing:0}
.heading-block h1{font-size:clamp(31px,3vw,45px);letter-spacing:-1.9px;font-weight:760;line-height:1.13}
.heading-light{font-weight:450;color:#a28b7d}
.heading-block p{font-size:13px;color:#8e9295}
.scenario-select{background:#fffdfa;border-color:#e5e0d9;border-radius:12px}
.primary-button{background:#354d96;border:1px solid #354d96;border-radius:11px;box-shadow:none}
.primary-button:hover{background:#2e4082;box-shadow:0 6px 14px #354d961d}
.statusline{margin:0 1px 16px;color:#a39b93}
.live{color:#826753;font-size:11px;font-weight:650}
.live:before{content:"РЕЗУЛЬТАТ";font:650 9px var(--mono);letter-spacing:.7px;color:#a68d77;margin-right:4px}
.metrics{gap:16px}
.metric-card{background:#fffefc;border:1px solid #e9e5df;border-radius:18px;min-height:155px;padding:21px 20px 17px;box-shadow:var(--shadow)}
.metric-card:nth-child(1){background:linear-gradient(145deg,#fbf4e9,#fffdf9 67%)}
.metric-card:nth-child(2){background:linear-gradient(145deg,#f1f3fc,#fffefd 72%)}
.metric-card:nth-child(3){background:linear-gradient(145deg,#f6f2fa,#fffefd 72%)}
.metric-card:nth-child(4){background:linear-gradient(145deg,#f7f5f0,#fffefd 72%)}
.metric-card:hover{border-color:#c6b6a6;box-shadow:0 8px 25px #56443712}
.metric-header{font-size:11px;color:#747578;font-weight:600}
.kpi-icon{background:#ffffffa8;color:#8f8e93;border:1px solid #e9e5e0;border-radius:10px;width:29px;height:29px}
.metric-card:nth-child(1) .kpi-icon{color:#a86e48;border-color:#edd9c8}
.metric-card:nth-child(2) .kpi-icon{color:#556bc2;border-color:#e0e6fa}
.metric-card:nth-child(3) .kpi-icon{color:#806ca4;border-color:#e7dff0}
.metric-card:nth-child(4) .kpi-icon{color:#687d8b;border-color:#e2e7e9}
.metric-value{margin-top:23px;font-weight:750;letter-spacing:-1.4px;color:#242831}
.metric-delta{color:#91877e}
.metric-delta.positive{color:#aa714f}
.metric-delta.negative{color:#786ba8}
.panel{border:1px solid #e9e5df;background:#fffefc;border-radius:19px;box-shadow:var(--shadow)}
.dashboard-grid{gap:16px;margin-top:17px}
.panel-number{font:650 9px var(--mono);letter-spacing:1.1px;color:#ba8e71;margin-bottom:9px}
.panel-heading h2,.data-heading h2{font-size:18px;letter-spacing:-.65px}
.panel-heading p,.data-heading p{color:#999a9a}
.period-box{background:#faf8f4;border-color:#eee8e0;color:#776f6b;border-radius:10px}
.info-i{border-color:#b8aca0;color:#9b8c7f}
.chart-key{color:#8b8580}
.chart-key strong{color:#363034}
.grid-line{stroke:#eae6e2}
.grid-label{fill:#a39b93}
.metric-tabs .tab{color:#848280;border-radius:10px}
.metric-tabs .tab.active{background:#f0ece7;border:1px solid #e7ded3;color:#705340}
.metric-tabs .tab:hover{background:#f6f2ed}
.playback-panel{border-color:#efeae5}
.timeline{background:#e9e3dd}
.timeline::-webkit-slider-thumb{border-color:#9d7561}
.timeline::-moz-range-thumb{border-color:#9d7561}
.playback-top{color:#9e9289}
.playback-top b{color:#6e5a4a}
.outline-button{background:#fffefa;border:1px solid #e9e3dd;color:#685b50;border-radius:11px}
.outline-button:hover{background:#f7f1e8;border-color:#dfcdbd;color:#795644}
.text-button{color:#89847e}
.text-button:hover{color:#93694d}
.setting-section-title{color:#ae9b8a}
.settings-panel .number-box{background:#fffefa;border-color:#e5dfd8}
.number-box:focus-within{border-color:#b9a28f;box-shadow:0 0 0 3px #f0e9e0}
.model-choice{background:#fffefa;border-color:#e7e1da;border-radius:12px}
.model-choice.selected{border-color:#bfa38d;background:#f8efe6;box-shadow:0 0 0 1px #eadbcf inset}
.model-choice.selected strong{color:#8e6249}
.model-choice:hover{border-color:#bca590}
.slider-title output{background:#f8f5f0;border-color:#ece5dd;color:#6e5e50}
.setting-slider{background:linear-gradient(90deg,#a8846a var(--fill,30%),#e9e4dd var(--fill,30%))}
.setting-slider::-webkit-slider-thumb{border-color:#a8846a}
.setting-slider::-moz-range-thumb{border-color:#a8846a}
.stepper{color:#766153;background:#fcfaf5;border-color:#e9e2da}
.stepper:active{background:#f3e9df}
.recalculate-button{background:#f4ece4;border-color:#e9dbcf;color:#805b46;border-radius:12px}
.recalculate-button:hover{background:#ede0d3}
.data-tab.active{color:#8d5e44}
.data-tab.active:after{background:#ad8068}
.table-wrap thead{background:#f8f5f1}
th{color:#9a9188}
td{color:#6d6864;border-color:#efebe6}
tbody tr:hover{background:#faf5ee}
tbody tr.selected{background:#f8f1e8}
.limit-label{color:#795a44;background:#f3eadf}
.limit-label.rate{background:#edf0f9;color:#586ba8}
.limit-label.search{background:#f8ede6;color:#9f6d56}
.toast{background:#3b3431}
.mobile-top-accent{color:#b48668;font-size:21px;margin-left:2px}
.mobile-top-action{background:#f0ebe5;color:#70584a}
.mobile-bottom-nav{border-color:#eee7df;background:#fffdfaef;box-shadow:0 -4px 22px #4c39240c}
.mobile-nav-item.active{color:#825d48}
.mobile-nav-item.active .ui-icon{background:#f4ebe3}
@media(max-width:1070px){.brand strong:after{content:"К";color:#9d7055}}
@media(max-width:800px){
 .main-inner{padding-top:23px}
 .mobilebar{background:#fffdfaed;border-color:#e9e2da}
 .heading-block h1{font-size:clamp(26px,6.4vw,37px);letter-spacing:-1.25px}
 .heading-light{display:inline}
 .metric-card{border-radius:17px}
 .metric-card:nth-child(1),.metric-card:nth-child(2),.metric-card:nth-child(3),.metric-card:nth-child(4){background:linear-gradient(145deg,#f9f4ed,#fffefa 72%)}
 .metric-card:nth-child(2){background:linear-gradient(145deg,#f0f2fa,#fffefa 72%)}
 .metric-card:nth-child(3){background:linear-gradient(145deg,#f5f0f8,#fffefa 72%)}
 .metric-card:nth-child(4){background:linear-gradient(145deg,#f2f1eb,#fffefa 72%)}
 .head-actions .primary-button{background:#354d96;color:#fff}
 .data-tab{min-height:48px}
}
@media(max-width:390px){
 .overline{font-size:8px;letter-spacing:1.1px}
 .heading-block h1{font-size:26px}
 .metric-header{line-height:1.5}
 .metric-value{font-size:21px}
}

.game-entry{display:inline-flex;align-items:center;gap:13px;text-decoration:none;background:#ebe1d6;color:#6e4c3d;border:1px solid #deccba;border-radius:11px;font-size:12px;font-weight:750;white-space:nowrap;padding:10px 14px;min-height:43px}
.game-entry:hover{background:#e4d6c8}.game-entry span{font-size:16px}
.mobile-game-link{display:none}.new-flag{font:700 8px Inter,sans-serif;letter-spacing:.4px;margin-left:auto;color:#ab7857;background:#f5e8d9;border-radius:5px;padding:3px 5px}
@media(max-width:800px){.mobile-game-link{display:inline-flex;margin-left:auto;margin-right:10px;color:#7a5849;font-size:12px;font-weight:750;border-radius:9px;background:#f4e9dc;padding:10px}.head-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.head-actions .game-entry{grid-column:1/-1;grid-row:2;justify-content:center}}
@media(max-width:400px){.mobile-top-action{padding:8px 9px}.mobile-game-link{margin-right:7px}}