:root{--color-bg: #07100e;--color-surface: #0d1916;--color-surface-raised: #14221e;--color-border: rgba(125, 164, 153, .28);--color-text: #f0f6f3;--color-muted: #91a9a1;--color-primary: #35d0ae;--color-accent: #f4c15d;--color-danger: #ef6b67}.screen-content--operations{position:relative;display:block;min-height:0;padding:16px 20px;overflow:hidden}.screen-runtime-error{display:grid;height:100%;place-content:center;justify-items:center;color:var(--color-muted);text-align:center}.screen-runtime-error svg{color:var(--color-danger)}.screen-runtime-error h2{margin:18px 0 8px;color:var(--color-text);font-size:26px}.screen-runtime-error p{max-width:680px;margin:0;font-size:15px}.presentation-layout{display:grid;width:100%;height:100%;min-width:0;min-height:0;gap:14px}.presentation-layout[data-layout=full]{grid-template-areas:"main";grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.presentation-layout[data-layout=two-column]{grid-template-areas:"left right";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.presentation-layout[data-layout=main-aside]{grid-template-areas:"main aside";grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.presentation-layout[data-layout=two-by-two]{grid-template-areas:"topLeft topRight" "bottomLeft bottomRight";grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.presentation-slot{min-width:0;min-height:0;overflow:hidden}.scene-frame{display:grid;grid-template-rows:46px minmax(0,1fr);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(92,154,137,.3);border-radius:6px;background:#081411f5;box-shadow:inset 0 1px #ffffff06}.scene-frame:has(.scene-frame__notice){grid-template-rows:46px minmax(0,1fr) 32px}.scene-frame[data-variant=compact]{grid-template-rows:38px minmax(0,1fr)}.scene-frame[data-variant=compact]:has(.scene-frame__notice){grid-template-rows:38px minmax(0,1fr) 28px}.scene-frame__header{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 16px;border-bottom:1px solid rgba(92,154,137,.2);background:#0f221dc7}.scene-frame[data-variant=compact] .scene-frame__header{padding:0 12px}.scene-frame__title,.scene-status{display:flex;align-items:center;min-width:0;gap:8px}.scene-frame__title svg{flex:0 0 auto;color:#4dd6bd}.scene-frame__title h2{margin:0;overflow:hidden;color:#eff9f5;font-size:18px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.scene-frame[data-variant=compact] .scene-frame__title h2{font-size:15px}.scene-status{flex:0 0 auto;font-size:12px}.scene-status--ok{color:#70d8b4}.scene-status--warning{color:#f4c15d}.scene-frame[data-variant=compact] .scene-status{font-size:0}.scene-frame__content{min-width:0;min-height:0;overflow:hidden}.scene-frame__notice{display:flex;align-items:center;min-width:0;gap:7px;padding:0 14px;overflow:hidden;border-top:1px solid rgba(244,193,93,.18);color:#e6bd68;background:#5a3e0d2e;font-size:11px}.scene-frame__notice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-placeholder,.scene-empty{display:grid;height:100%;place-content:center;justify-items:center;gap:10px;color:#78958c;text-align:center}.scene-placeholder--error svg{color:var(--color-danger)}.scene-placeholder--error strong{color:#f1dedc;font-size:17px}.scene-placeholder small{color:#647d75}.scene-dashboard{display:grid;grid-template-rows:112px minmax(0,1fr);height:100%;min-width:0;min-height:0;gap:12px;padding:14px}.scene-frame[data-variant=half] .scene-dashboard{grid-template-rows:96px minmax(0,1fr);gap:10px;padding:12px}.scene-frame[data-variant=compact] .scene-dashboard{grid-template-rows:76px minmax(0,1fr);gap:8px;padding:9px}.scene-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;gap:10px}.scene-kpi{position:relative;display:grid;align-content:center;min-width:0;padding:12px 16px;overflow:hidden;border-left:3px solid #45c7aa;background:#10231e}.scene-kpi[data-tone=accent]{border-left-color:#52bfe5}.scene-kpi[data-tone=warning]{border-left-color:#e8b654}.scene-kpi[data-tone=danger]{border-left-color:#e76c6c}.scene-kpi span{overflow:hidden;color:#89a89f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.scene-kpi strong{margin-top:7px;overflow:hidden;color:#f2faf7;font-size:28px;font-variant-numeric:tabular-nums;line-height:1;text-overflow:ellipsis;white-space:nowrap}.scene-kpis[data-variant=half] .scene-kpi{padding:10px}.scene-kpis[data-variant=half] .scene-kpi strong{font-size:22px}.scene-kpis[data-variant=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.scene-kpis[data-variant=compact] .scene-kpi{padding:7px 8px;border-left-width:2px}.scene-kpis[data-variant=compact] .scene-kpi span{font-size:10px}.scene-kpis[data-variant=compact] .scene-kpi strong{margin-top:4px;font-size:17px}button.scene-kpi,button.ranking-row,button.activity-row,button.compact-rank-row,button.category-bar,button.order-stream__row,button.route-load-row,button.driver-row,button.anomaly-row,button.inventory-table__row,button.risk-row,button.health-row{width:100%;margin:0;border-top:0;border-right:0;border-bottom:1px solid rgba(122,162,151,.12);border-left:0;border-radius:0;color:inherit;background:transparent;cursor:pointer;font:inherit;text-align:left}button.scene-kpi{border-bottom:0;border-left:3px solid #45c7aa;background:#10231e}button.scene-kpi[data-tone=accent]{border-left-color:#52bfe5}button.scene-kpi[data-tone=warning]{border-left-color:#e8b654}button.scene-kpi[data-tone=danger]{border-left-color:#e76c6c}.scene-drilldown-target{transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.scene-drilldown-target:hover{background-color:#42c7a91a}.scene-drilldown-target:active{background-color:#42c7a929}.scene-drilldown-target:focus-visible{z-index:2;outline:2px solid #63e0c2;outline-offset:-2px;box-shadow:inset 0 0 0 1px #05120fcc}.operations-map__marker--interactive{cursor:pointer}.operations-map__marker--interactive:focus-visible{border-radius:4px;outline:3px solid #63e0c2;outline-offset:4px}.scene-panel{min-width:0;min-height:0;padding:12px;overflow:hidden;border:1px solid rgba(92,154,137,.2);border-radius:5px;background:#0e1e1ad1}.scene-panel h3{height:26px;margin:0;overflow:hidden;color:#c5dcd5;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.map-orders-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 320px;min-width:0;min-height:0;gap:12px}.ranking-list,.activity-list,.order-stream__rows,.driver-list,.anomaly-list,.risk-queue,.health-list{min-height:0;overflow:hidden}.ranking-row,.compact-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:48px;border-bottom:1px solid rgba(122,162,151,.12);font-size:13px}.ranking-row>b,.compact-rank-row>b{color:#55cdb3;font-variant-numeric:tabular-nums}.ranking-row span,.compact-rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row strong,.compact-rank-row strong{color:#dcece7;font-size:12px;font-variant-numeric:tabular-nums}.activity-row,.risk-row,.anomaly-row{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:58px;gap:10px;padding:8px 0;border-bottom:1px solid rgba(122,162,151,.12)}.activity-row>div,.risk-row>div,.anomaly-row>div{display:grid;min-width:0;gap:4px}.activity-row strong,.risk-row strong,.anomaly-row strong{overflow:hidden;color:#dcece7;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.activity-row span,.risk-row span,.anomaly-row span{overflow:hidden;color:#76948b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.activity-row>b{color:#66d8ba;font-size:13px;font-variant-numeric:tabular-nums}.activity-row[data-level=high]>b,.activity-row[data-level=delayed]>b{color:#f07872}.activity-row[data-level=attention]>b{color:#ecc164}.operations-map{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(82,191,229,.25);border-radius:5px;background:#091714}.operations-map__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.operations-map__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:9px;padding:30px;color:#78978e;background:linear-gradient(rgba(82,191,229,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(82,191,229,.04) 1px,transparent 1px),#091714;background-size:36px 36px;text-align:center}.operations-map__fallback svg{color:#52bfe5}.operations-map__fallback strong{color:#bcd8d0;font-size:15px}.operations-map__fallback span{max-width:360px;font-size:12px}.operations-map__legend{position:absolute;right:12px;bottom:12px;display:flex;gap:14px;padding:7px 10px;border:1px solid rgba(122,162,151,.22);border-radius:4px;color:#9eb4ad;background:#050e0cdb;font-size:11px}.operations-map__legend span{display:flex;align-items:center;gap:5px}.operations-map__legend i,.operations-map__marker>i{width:8px;height:8px;border-radius:50%;background:#4fd0af;box-shadow:0 0 9px #4fd0afb3}.operations-map__legend i[data-level=attention],.operations-map__marker[data-level=attention]>i{background:#e8b654;box-shadow:0 0 9px #e8b654bf}.operations-map__legend i[data-level=high],.operations-map__marker[data-level=high]>i,.operations-map__marker[data-level=delayed]>i{background:#e96f6b;box-shadow:0 0 10px #e96f6bcc}.operations-map__marker{position:relative;display:flex;align-items:center;width:18px;height:18px}.operations-map__marker>i{position:relative;z-index:2;width:16px;height:16px;border:2px solid rgba(255,255,255,.85)}.operations-map__new-order-pulse{position:absolute;z-index:1;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid rgba(255,204,102,.92);border-radius:50%;box-shadow:0 0 14px #ffcc6694;pointer-events:none;animation:operations-map-new-order-pulse var(--new-order-pulse-duration, 3s) ease-out forwards}.operations-map__new-order-pulse:after{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid rgba(255,244,194,.7);border-radius:inherit;content:"";animation:operations-map-new-order-pulse var(--new-order-pulse-duration, 3s) .18s ease-out forwards}.operations-map__new-order-label{position:absolute;z-index:4;top:-31px;left:20px;width:max-content;padding:3px 6px;border:1px solid rgba(255,204,102,.72);border-radius:3px;color:#fff4c2;background:#2a1d04f0;box-shadow:0 3px 12px #00000057;font-size:10px;font-weight:700;line-height:1.2;pointer-events:none;white-space:nowrap;animation:operations-map-new-order-label var(--new-order-label-duration, 10s) ease-out forwards}@keyframes operations-map-new-order-pulse{0%{opacity:.95;transform:scale(.45)}75%{opacity:.28}to{opacity:0;transform:scale(3.1)}}@keyframes operations-map-new-order-label{0%{opacity:0;transform:translateY(4px)}8%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.operations-map__new-order-pulse,.operations-map__new-order-pulse:after,.operations-map__new-order-label{animation:none}}.operations-map__marker-label{position:absolute;top:-5px;left:22px;max-width:180px;padding:4px 7px;overflow:hidden;border:1px solid rgba(82,191,229,.3);border-radius:3px;color:#e7f5f0;background:#040f0cdb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.operations-map__marker--vehicle{width:34px;height:34px}.operations-map__vehicle-icon{display:grid;width:34px;height:34px;place-items:center;border:2px solid rgba(232,255,248,.92);border-radius:50%;color:#06251d;background:#4fd0af;box-shadow:0 0 0 4px #4fd0af24,0 0 16px #4fd0afb8}.operations-map__vehicle-icon svg{transform:rotate(var(--vehicle-icon-rotation, -90deg));transition:transform .24s ease}.operations-map__marker[data-level=attention] .operations-map__vehicle-icon{color:#2c2107;background:#e8b654;box-shadow:0 0 0 4px #e8b65424,0 0 16px #e8b654bf}.operations-map__marker[data-level=high] .operations-map__vehicle-icon,.operations-map__marker[data-level=delayed] .operations-map__vehicle-icon{color:#300b0a;background:#e96f6b;box-shadow:0 0 0 4px #e96f6b24,0 0 17px #e96f6bc7}.operations-map__vehicle-label{position:absolute;top:-3px;left:42px;display:grid;width:max-content;max-width:210px;gap:2px;padding:5px 8px;overflow:hidden;border:1px solid rgba(82,191,229,.34);border-radius:4px;background:#040f0ce6;box-shadow:0 5px 14px #0000003d;white-space:nowrap}.operations-map__vehicle-label strong,.operations-map__vehicle-label small{overflow:hidden;text-overflow:ellipsis}.operations-map__vehicle-label strong{color:#effbf7;font-size:12px;font-weight:700}.operations-map__vehicle-label small{color:#90b4a9;font-size:10px}.scene-frame[data-variant=half] .map-orders-grid{grid-template-columns:210px minmax(0,1fr)}.scene-frame[data-variant=half] .scene-panel--activity,.scene-frame[data-variant=compact] .scene-panel--ranking,.scene-frame[data-variant=compact] .scene-panel--activity{display:none}.scene-frame[data-variant=compact] .map-orders-grid{grid-template-columns:minmax(0,1fr)}.order-feed-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-width:0;min-height:0;gap:12px}.order-stream{display:grid;grid-template-rows:26px 34px minmax(0,1fr)}.order-stream__head,.order-stream__row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(150px,1fr) 110px 80px 78px;align-items:center;min-width:0;gap:10px}.order-stream__head{padding:0 10px;color:#66857b;font-size:11px}.order-stream__row{min-height:48px;padding:6px 10px;border-top:1px solid rgba(122,162,151,.12);font-size:12px}.order-stream__row>div{display:grid;min-width:0;gap:3px}.order-stream__row strong,.order-stream__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-stream__row>div span,.order-stream__row time{color:#749088;font-size:11px}.order-stream__row>b{color:#67d9bb;font-variant-numeric:tabular-nums;text-align:right}.order-stream__row em,.driver-row em,.route-load-row em,.inventory-table__row em,.risk-row em{justify-self:end;padding:3px 7px;border:1px solid rgba(88,190,163,.3);border-radius:3px;color:#86d8c1;font-size:10px;font-style:normal;white-space:nowrap}.order-rankings,.logistics-side,.inventory-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));min-width:0;min-height:0;gap:10px}.category-bar,.health-row{display:grid;grid-template-columns:80px minmax(0,1fr) 42px;align-items:center;min-height:33px;gap:8px;font-size:11px}.category-bar>span,.health-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-bar>i,.health-row>i{height:6px;overflow:hidden;border-radius:3px;background:#1c3931}.category-bar>i b,.health-row>i b{display:block;height:100%;border-radius:inherit;background:#52bfe5}.category-bar>strong,.health-row>strong{color:#d7e8e3;text-align:right}.scene-frame[data-variant=half] .order-feed-grid,.scene-frame[data-variant=compact] .order-feed-grid{grid-template-columns:minmax(0,1fr)}.scene-frame[data-variant=half] .order-rankings,.scene-frame[data-variant=compact] .order-rankings{display:none}.scene-frame[data-variant=half] .order-stream__head,.scene-frame[data-variant=half] .order-stream__row,.scene-frame[data-variant=compact] .order-stream__head,.scene-frame[data-variant=compact] .order-stream__row{grid-template-columns:minmax(140px,1fr) minmax(120px,1fr) 96px 66px}.scene-frame[data-variant=half] .order-stream__head span:nth-child(5),.scene-frame[data-variant=half] .order-stream__row em,.scene-frame[data-variant=compact] .order-stream__head span:nth-child(2),.scene-frame[data-variant=compact] .order-stream__head span:nth-child(5),.scene-frame[data-variant=compact] .order-stream__row>span,.scene-frame[data-variant=compact] .order-stream__row em{display:none}.scene-frame[data-variant=compact] .order-stream__head,.scene-frame[data-variant=compact] .order-stream__row{grid-template-columns:minmax(120px,1fr) 90px 62px}.logistics-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;min-width:0;min-height:0;gap:12px}.route-load-row,.driver-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:58px;gap:9px;border-bottom:1px solid rgba(122,162,151,.12)}.route-load-row>div,.driver-row>div{display:grid;min-width:0;gap:4px}.route-load-row strong,.driver-row strong{overflow:hidden;color:#d8eae4;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.route-load-row span,.driver-row span{overflow:hidden;color:#748f87;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.route-load-row>b{color:#62d2b5;font-size:12px}.driver-row{grid-template-columns:18px minmax(0,1fr) auto}.driver-row>svg{color:#52bfe5}.anomaly-row{justify-content:start}.anomaly-row>svg{flex:0 0 auto;color:#e8b654}.anomaly-row[data-level=delayed]>svg{color:#e96f6b}.scene-frame[data-variant=half] .logistics-grid{grid-template-columns:210px minmax(0,1fr)}.scene-frame[data-variant=half] .logistics-side,.scene-frame[data-variant=compact] .route-loads,.scene-frame[data-variant=compact] .logistics-side{display:none}.scene-frame[data-variant=compact] .logistics-grid{grid-template-columns:minmax(0,1fr)}.inventory-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-width:0;min-height:0;gap:12px}.inventory-table-panel{display:grid;grid-template-rows:26px minmax(0,1fr)}.inventory-table{min-width:0;min-height:0;overflow:hidden}.inventory-table__head,.inventory-table__row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(150px,1fr) 100px 70px 80px 78px;align-items:center;min-width:0;gap:10px}.inventory-table__head{min-height:34px;color:#66857b;font-size:11px}.inventory-table__row{min-height:48px;border-top:1px solid rgba(122,162,151,.12);font-size:12px}.inventory-table__row[data-status=warning]{background:#e8b6540b}.inventory-table__row[data-status=out_of_stock]{background:#e96f6b0f}.inventory-table__row>div{display:grid;min-width:0;gap:3px}.inventory-table__row strong,.inventory-table__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-table__row>div span{color:#718d84;font-size:10px}.inventory-table__row>b{color:#d9ebe5;font-variant-numeric:tabular-nums}.inventory-table__row[data-status=out_of_stock] em,.risk-row[data-status=out_of_stock] em{border-color:#e96f6b59;color:#ef8b86}.inventory-table__row[data-status=warning] em,.risk-row[data-status=warning] em{border-color:#e8b65459;color:#e9c878}.risk-row{justify-content:start}.risk-row>svg{flex:0 0 auto;color:#e8b654}.risk-row[data-status=out_of_stock]>svg{color:#e96f6b}.risk-row>em{margin-left:auto}.unavailable-trend>div{display:grid;height:calc(100% - 26px);place-content:center;justify-items:center;gap:8px;color:#718d84;font-size:11px}.unavailable-trend svg{color:#8ca39c}.scene-frame[data-variant=half] .inventory-grid,.scene-frame[data-variant=compact] .inventory-grid{grid-template-columns:minmax(0,1fr)}.scene-frame[data-variant=half] .inventory-side,.scene-frame[data-variant=compact] .inventory-side{display:none}.scene-frame[data-variant=half] .inventory-table__head,.scene-frame[data-variant=half] .inventory-table__row{grid-template-columns:minmax(130px,1.2fr) minmax(120px,1fr) 90px 64px 70px}.scene-frame[data-variant=half] .inventory-table__head span:nth-child(5),.scene-frame[data-variant=half] .inventory-table__row>span:nth-of-type(2){display:none}.scene-frame[data-variant=compact] .inventory-table__head,.scene-frame[data-variant=compact] .inventory-table__row{grid-template-columns:minmax(120px,1.3fr) minmax(105px,1fr) 84px 68px;gap:7px}.scene-frame[data-variant=compact] .inventory-table__head span:nth-child(4),.scene-frame[data-variant=compact] .inventory-table__head span:nth-child(5),.scene-frame[data-variant=compact] .inventory-table__row>span,.scene-frame[data-variant=compact] .inventory-table__row>em{display:none}.slide-fade-enter-active,.slide-fade-leave-active{transition:opacity .45s ease}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0}.drilldown-layer{position:absolute;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:64px 112px;background:#020807c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drilldown-panel{display:grid;grid-template-rows:78px minmax(0,1fr) 54px;width:min(1420px,100%);height:min(820px,100%);min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(91,211,183,.48);border-radius:6px;outline:none;background:#081713;box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff0a}.drilldown-header,.drilldown-footer{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 24px;background:#0e2520}.drilldown-header{border-bottom:1px solid rgba(91,211,183,.24)}.drilldown-header>div:first-child{min-width:0}.drilldown-header span,.drilldown-header time,.drilldown-footer{color:#7f9f96;font-size:13px}.drilldown-header h2{margin:4px 0 0;overflow:hidden;color:#effaf6;font-size:24px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.drilldown-header__actions,.drilldown-pagination{display:flex;align-items:center;gap:12px}.drilldown-header button,.drilldown-pagination button,.drilldown-state button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(91,211,183,.26);border-radius:4px;color:#b9d5cc;background:#122e27;cursor:pointer}.drilldown-header button,.drilldown-pagination button{width:42px;height:42px;padding:0}.drilldown-header button:hover,.drilldown-header button:focus-visible,.drilldown-pagination button:hover,.drilldown-pagination button:focus-visible,.drilldown-state button:hover,.drilldown-state button:focus-visible{border-color:#51d1b4;outline:2px solid rgba(81,209,180,.26);color:#effbf7}.drilldown-header button:disabled,.drilldown-pagination button:disabled{cursor:default;opacity:.38}.drilldown-content{display:flex;flex-direction:column;min-width:0;min-height:0;gap:14px;padding:20px 24px;overflow:hidden}.drilldown-partial{display:flex;flex:0 0 36px;align-items:center;min-width:0;gap:8px;padding:0 12px;border:1px solid rgba(240,184,82,.3);color:#e8bf70;background:#63440d3d;font-size:12px}.drilldown-partial span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drilldown-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.drilldown-summary>div,.drilldown-detail>div{display:grid;min-width:0;gap:5px}.drilldown-summary>div{min-height:78px;align-content:center;padding:10px 16px;border-left:3px solid #51d1b4;background:#10251f}.drilldown-summary span,.drilldown-detail span{color:#78988f;font-size:12px}.drilldown-summary strong{overflow:hidden;color:#f1faf7;font-size:25px;text-overflow:ellipsis;white-space:nowrap}.drilldown-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(91,211,183,.16);background:#5bd3b729}.drilldown-detail>div{min-height:58px;align-content:center;padding:9px 14px;background:#0d211c}.drilldown-detail strong{overflow:hidden;color:#dcece7;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.drilldown-table{display:grid;flex:1 1 auto;grid-template-rows:40px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(91,211,183,.18)}.drilldown-table__head,.drilldown-table__row{display:grid;align-items:center;min-width:0;gap:14px;padding:0 16px}.drilldown-table__head{color:#6f9288;background:#102821;font-size:12px}.drilldown-table__body{min-height:0;overflow:hidden}.drilldown-table__row{height:46px;border-top:1px solid rgba(91,211,183,.1);color:#c9ddd7;font-size:13px}.drilldown-table__row:nth-child(2n){background:#17362e3d}.drilldown-table__head span,.drilldown-table__row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drilldown-trend{display:grid;flex:1 1 auto;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;min-height:0;gap:5px;padding:28px 18px 14px;border:1px solid rgba(91,211,183,.18);background:#0b1d19}.drilldown-trend>div{display:grid;grid-template-rows:20px minmax(0,1fr) 24px;height:100%;min-width:0;gap:6px;color:#718f87;font-size:10px;text-align:center}.drilldown-trend i{position:relative;display:flex;align-items:end;justify-content:center;min-height:0;overflow:hidden;background:#51d1b40a}.drilldown-trend i b{width:58%;min-height:4px;background:#4fc9ad}.drilldown-trend [data-peak=true] i b{background:#f0b852}.drilldown-trend strong{color:#bcd2cb;font-size:11px}.drilldown-state{display:grid;min-height:0;place-content:center;justify-items:center;gap:12px;padding:28px;color:#78978e;text-align:center}.drilldown-state svg{color:#55cdb3}.drilldown-state[data-state=error] svg,.drilldown-state[data-state=unavailable] svg{color:#e97a73}.drilldown-state strong{color:#e5f1ed;font-size:21px}.drilldown-state button{height:40px;gap:8px;margin-top:8px;padding:0 18px}.drilldown-footer{border-top:1px solid rgba(91,211,183,.18)}.drilldown-pagination strong{min-width:70px;color:#c5dbd4;text-align:center}@media (max-width: 1500px){.drilldown-layer{padding:46px 80px}.drilldown-panel{grid-template-rows:68px minmax(0,1fr) 48px}.drilldown-header h2{font-size:21px}.drilldown-content{gap:10px;padding:14px 18px}.drilldown-summary>div{min-height:62px}.drilldown-summary strong{font-size:21px}.drilldown-detail>div{min-height:48px}.drilldown-table__row{height:39px}}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;color:var(--color-text);background:var(--color-bg);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{color:inherit}.login-page{display:grid;min-height:100%;place-items:center;padding:24px;background:linear-gradient(#030c0ab3,#030c0ad1),url(/assets/login-background-B2WH8JPc.jpg) center/cover no-repeat}.login-panel{width:min(420px,100%);padding:34px;border:1px solid rgba(196,222,213,.22);border-radius:8px;background:#07100ef0;box-shadow:0 24px 70px #0006}.login-brand,.screen-brand{display:flex;align-items:center;gap:14px}.login-brand img{width:52px;height:52px;object-fit:contain}.login-brand p,.screen-brand span{margin:0 0 4px;color:var(--color-primary);font-size:11px;font-weight:700}.login-brand h1{margin:0;font-size:23px;font-weight:650}.login-form{display:grid;gap:18px;margin-top:30px}.field{display:grid;gap:8px;color:#c1d0cb;font-size:13px}.field input,.field select{width:100%;height:46px;padding:0 13px;border:1px solid #30423d;border-radius:6px;outline:none;color:var(--color-text);background:#0b1512}.field input:focus,.field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #35d0ae1f}.password-input,.captcha-input{position:relative;display:flex}.password-input input{padding-right:46px}.password-input button,.captcha-input button{border:0;cursor:pointer;background:transparent}.password-input button{position:absolute;top:0;right:0;display:grid;width:46px;height:46px;place-items:center;color:var(--color-muted)}.captcha-input{gap:10px}.captcha-input button{flex:0 0 120px;height:46px;padding:0;overflow:hidden;border:1px solid #30423d;border-radius:6px;background:#f4f7f6}.captcha-input img{width:100%;height:100%;object-fit:cover}.form-error{margin:-4px 0 0;color:#ff8b86;font-size:13px}.login-submit{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;border:0;border-radius:6px;cursor:pointer;color:#04120f;background:var(--color-primary);font-weight:700}.login-submit:disabled{cursor:wait;opacity:.68}.login-panel footer{margin-top:28px;color:#6f8880;font-size:12px;text-align:center}.pairing-page{display:grid;min-height:100%;place-items:center;padding:24px;background:linear-gradient(#030c0abd,#030c0ae0),url(/assets/login-background-B2WH8JPc.jpg) center/cover no-repeat}.pairing-status{width:min(560px,100%);padding:36px;border:1px solid rgba(196,222,213,.22);border-radius:8px;background:#07100ef5;box-shadow:0 24px 70px #0006}.pairing-status .login-brand img{width:52px;height:52px;object-fit:contain}.pairing-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:34px 0 24px}.pairing-code span{display:grid;aspect-ratio:1/1.08;place-items:center;border:1px solid #365149;border-radius:6px;color:var(--color-text);background:#0b1714;font-size:34px;font-weight:750;font-variant-numeric:tabular-nums}.pairing-state{display:flex;align-items:center;gap:10px;min-height:42px;color:var(--color-muted)}.pairing-state.is-pairing{color:var(--color-primary)}.pairing-state.is-disabled,.pairing-state.is-error{color:var(--color-danger)}.device-meta{display:grid;gap:10px;margin:18px 0 0}.device-meta div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.device-meta dt{color:var(--color-muted)}.device-meta dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--color-text)}.pairing-refresh{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;margin-top:28px;border:1px solid #365149;border-radius:6px;cursor:pointer;background:#12211d}.pairing-refresh:hover{border-color:var(--color-primary);color:var(--color-primary)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#020706}.screen-canvas{position:absolute;top:0;left:0;transform-origin:top left}.screen-shell{position:relative;display:grid;grid-template-rows:86px 1fr 48px;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--color-bg);background-size:48px 48px}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--color-border);background:#07100ee6}.screen-brand img{width:44px;height:44px;object-fit:contain}.screen-brand h1{margin:0;font-size:24px}.screen-header__status{display:flex;align-items:center;gap:22px;color:#b6c8c2;font-size:14px}.screen-header__status time{width:190px;color:var(--color-text);font-variant-numeric:tabular-nums}.screen-header__status button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;background:var(--color-surface)}.realtime-status{display:flex;align-items:center;gap:8px;min-width:86px}.realtime-status__dot{width:8px;height:8px;border-radius:50%;background:#778680}.realtime-status[data-state=connected] .realtime-status__dot{background:var(--color-primary);box-shadow:0 0 10px #35d0aeb3}.realtime-status[data-state=connecting] .realtime-status__dot,.realtime-status[data-state=reconnecting] .realtime-status__dot{background:var(--color-accent)}.screen-content{display:grid;min-height:0;place-items:center;padding:32px}.empty-screen-state{display:grid;justify-items:center;color:var(--color-muted);text-align:center}.empty-screen-state svg{color:var(--color-primary)}.empty-screen-state h2{margin:20px 0 8px;color:var(--color-text);font-size:26px}.empty-screen-state p{margin:0;font-size:15px}.event-strip{display:grid;grid-template-columns:340px minmax(0,1fr) 100px;align-items:center;padding:0 34px;border-top:1px solid var(--color-border);background:#091310;font-size:13px}.event-strip__label{color:var(--color-primary);font-weight:700}.event-strip__message{overflow:hidden;color:#b8cac4;text-overflow:ellipsis;white-space:nowrap}.event-strip__time{color:#799087;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 640px){.login-page{padding:16px}.login-panel{padding:26px 20px}.login-brand h1{font-size:19px}}