:root{--tsel-red: #ed1c24;--tsel-dark: #b2000f;--tsel-orange: #ff6a3d;--grad: linear-gradient(135deg, #b2000f 0%, #ed1c24 55%, #ff6a3d 100%);--bg: #f6f4f3;--panel: #ffffff;--ink: #231f20;--muted: #8a8588;--line: #ece7e6;--good: #12a150;--good-soft: #e7f6ed;--bad: #d81f26;--bad-soft: #fdecec;--warn: #e08700;--warn-soft: #fdf3e2;--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;overflow-x:hidden;overflow-y:auto;font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--ink)}#root{min-height:100vh;display:flex;flex-direction:column}header{flex:0 0 62px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--grad);color:#fff}header h1{font-size:18px;font-weight:700;letter-spacing:.2px}header h1 span{font-weight:400;opacity:.85}.head-right{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12.5px}.live{display:flex;align-items:center;gap:7px;font-weight:600}.live i{width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffff73}70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}#clock{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.upd{opacity:.9}.status-screen{flex:1;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}.status-screen.error{color:var(--bad)}.status-screen button{font:600 13px Poppins;color:#fff;background:var(--grad);border:none;border-radius:999px;padding:8px 22px;cursor:pointer}main{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:14px 16px 20px}.col-right{display:grid;gap:14px;min-width:0}.panel{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 2px 6px #231f200d;display:flex;flex-direction:column;padding:16px 18px 14px;min-width:0}.panel-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.panel-head h2{font-size:15px;font-weight:700}.panel-head small{color:var(--muted);font-size:11px;font-weight:500}.accent{width:5px;align-self:stretch;border-radius:3px;background:var(--grad);margin-right:2px}@media (min-width: 1200px){body{height:100vh;overflow:hidden}#root{height:100vh}main{height:calc(100vh - 62px);overflow-y:auto;padding:12px 14px;gap:12px;align-items:stretch}.panel{overflow:hidden;padding:14px 16px 12px}.col-right{grid-template-rows:1fr auto;height:100%}.chart-box{height:auto!important;flex:1;min-height:60px}.chart-title{margin:8px 0 2px}td{padding:5px 6px}.hbar{margin:5px 0}}@media (min-width: 1200px) and (max-width: 1500px){header{flex-basis:52px;padding:0 16px}header h1{font-size:15px}main{height:calc(100vh - 52px);gap:10px;padding:10px 12px}.panel{padding:11px 12px 9px;border-radius:12px}.panel-head h2{font-size:13.5px}.kpi{padding:8px 11px}.kpi .value{font-size:clamp(20px,1.7vw + 6px,26px)}.delta{font-size:11px;padding:2px 7px}.chart-title{font-size:11px;margin:6px 0 1px}table{font-size:11.5px}th{font-size:10px;padding:3px 5px}td{padding:3.5px 5px}td .pill{font-size:10.5px;padding:1.5px 7px}.hbar{margin:4px 0}.hbar .name{flex-basis:110px;font-size:11px}.hbar .track{height:12px}.hbar .val{flex-basis:46px;font-size:11px}.ct0-value{font-size:44px}.ct0-body{min-height:84px}}@media (max-width: 1199px){main{grid-template-columns:repeat(2,minmax(0,1fr))}.col-right{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){main{grid-template-columns:1fr}.col-right{grid-template-columns:1fr}}.kpi-row{display:flex;gap:12px}.kpi{flex:1;min-width:0;border-radius:12px;padding:10px 14px;background:#faf8f7;border:1px solid var(--line)}.kpi.hero{background:var(--grad);border:none;color:#fff;box-shadow:0 6px 16px #ed1c2447}.kpi .label{font-size:11.5px;color:var(--muted);font-weight:500}.kpi.hero .label{color:#ffffffd9}.kpi .value{font-size:clamp(24px,1.6vw + 14px,34px);font-weight:800;line-height:1.18;letter-spacing:-.5px;white-space:nowrap}.kpi .value small{font-size:16px;font-weight:600;opacity:.7}.delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-top:5px}.delta.good,.delta.up{color:var(--good);background:var(--good-soft)}.delta.bad,.delta.down{color:var(--bad);background:var(--bad-soft)}.delta.flat{color:var(--warn);background:var(--warn-soft)}.kpi.hero .delta.good,.kpi.hero .delta.up{color:#fff;background:#ffffff38}.kpi.hero .delta.bad,.kpi.hero .delta.down{color:#ffd9d9;background:#0000002e}.kpi.hero .delta.flat{color:#fff;background:#ffffff2e}.delta small{font-weight:500;color:inherit;opacity:.8}.chart-box{flex:none;height:clamp(140px,18vh,220px);position:relative;margin:6px 0;overflow:hidden}.chart-title{font-size:12px;color:var(--muted);font-weight:600;margin:12px 0 2px}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:11px;color:var(--muted);font-weight:600;text-align:left;padding:5px 6px;border-bottom:1px solid var(--line)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}td{padding:6px;border-bottom:1px solid #f5f1f0;font-weight:500;white-space:nowrap}tr:last-child td{border-bottom:none}td .pill{font-weight:700;padding:2px 9px;border-radius:999px;font-size:12px}.pill.bad{color:var(--bad);background:var(--bad-soft)}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.good{color:var(--good);background:var(--good-soft)}.hbar{display:flex;align-items:center;gap:8px;margin:6px 0}.hbar .name{flex:0 0 150px;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar .track{flex:1;height:15px;border-radius:8px;background:#f3efee;overflow:hidden}.hbar .fill{height:100%;border-radius:8px;background:var(--grad)}.hbar .val{flex:0 0 56px;text-align:right;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}#ct0{background:var(--grad);border:none;color:#fff;box-shadow:0 8px 20px #ed1c244d;justify-content:center;overflow:hidden;position:relative}#ct0:after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:#ffffff1a}#ct0:before{content:"";position:absolute;right:-30px;bottom:-90px;width:190px;height:190px;border-radius:50%;background:#ffffff12}#ct0 .panel-head h2{color:#fff}#ct0 .panel-head small{color:#fffc}#ct0 .accent{background:#fff}.ct0-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1;min-height:120px}.ct0-value{font-size:66px;font-weight:800;letter-spacing:-1.5px;line-height:1}.ct0-sub{font-size:12px;color:#ffffffd9;margin-top:6px;font-weight:500}.ct0-right .delta.down{color:#fff;background:#0003}.ct0-right .delta.up{color:#fff;background:#ffffff38}