:root{--screen-bg:#111b1c;--screen-panel:#172526;--screen-panel-2:#1d3030;--screen-line:#36504d;--screen-text:#eef7f4;--screen-muted:#9aafaa;--screen-accent:#20b09a;--screen-warn:#edab3e;--screen-danger:#e26767;--screen-shadow:0 14px 32px rgba(0,0,0,.23)}*{box-sizing:border-box}.screen-body{margin:0;background:var(--screen-bg);color:var(--screen-text);font-family:"Microsoft YaHei",Arial,sans-serif;font-size:14px;letter-spacing:0}.screen-shell{min-height:100vh;padding:18px 22px 24px;background:linear-gradient(130deg,rgba(27,53,50,.35),transparent 36%),var(--screen-bg)}.screen-header{height:65px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;border-bottom:1px solid var(--screen-line)}.screen-brand{display:flex;align-items:center;gap:10px;color:var(--screen-text);text-decoration:none;font-size:15px}.screen-brand span{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:var(--screen-accent);color:#073a33;font-size:17px;font-weight:900}.screen-title{text-align:center}.screen-title p,.screen-section-title p,.screen-panel header p,.screen-settings header p{margin:0;color:var(--screen-accent);font-size:12px;font-weight:700}.screen-title h1{margin:3px 0 0;font-size:23px;font-weight:700}.screen-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.screen-clock{font-family:Consolas,monospace;color:var(--screen-muted);font-size:15px}.screen-icon-button,.screen-chart-actions button,.screen-settings button{border:1px solid var(--screen-line);border-radius:4px;background:transparent;color:var(--screen-text);font:inherit;cursor:pointer}.screen-icon-button{height:31px;padding:0 11px}.screen-icon-button:hover,.screen-chart-actions button:hover{border-color:var(--screen-accent);color:var(--screen-accent)}.screen-status-bar{min-height:61px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--screen-line)}.screen-device-picker{display:flex;align-items:center;gap:10px;min-width:315px}.screen-device-picker span{color:var(--screen-muted)}.screen-device-picker select{min-width:230px;max-width:360px;border:0;background:transparent;color:var(--screen-text);font:700 15px inherit;outline:none}.screen-device-picker option{background:#172526;color:#eef7f4}.screen-state{display:flex;align-items:center;gap:8px}.screen-state i,.screen-device i{width:9px;height:9px;border-radius:50%;background:#7d8f8b}.screen-state i.online,.screen-device i.online{background:var(--screen-accent);box-shadow:0 0 0 4px rgba(32,176,154,.14)}.screen-state i.offline,.screen-device i.offline{background:var(--screen-danger)}.screen-state i.maintenance,.screen-device i.maintenance{background:var(--screen-warn)}.screen-state b{font-size:14px}.screen-state span{color:var(--screen-muted);font-size:12px}.screen-project-summary{margin-left:auto;display:flex;align-items:center;gap:17px;color:var(--screen-muted);font-size:12px}.screen-project-summary b{margin-left:3px;color:var(--screen-text);font-size:14px}.screen-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:17px;margin-top:17px}.screen-device-rail,.screen-panel,.screen-kpis article{border:1px solid var(--screen-line);background:var(--screen-panel);box-shadow:var(--screen-shadow)}.screen-device-rail{min-height:calc(100vh - 160px);padding:16px 12px;display:flex;flex-direction:column}.screen-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 7px 13px;border-bottom:1px solid var(--screen-line)}.screen-section-title h2{margin:3px 0 0;font-size:16px}.screen-section-title>span{color:var(--screen-muted);font-size:12px}.screen-device-list{padding-top:8px;display:grid;gap:4px;overflow:auto}.screen-device{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:54px;padding:7px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--screen-text);text-align:left;cursor:pointer}.screen-device:hover{background:rgba(255,255,255,.035)}.screen-device.is-active{border-color:var(--screen-accent);background:rgba(32,176,154,.11)}.screen-device span{min-width:0}.screen-device b,.screen-device small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-device b{font-size:13px}.screen-device small,.screen-device em{margin-top:3px;color:var(--screen-muted);font-size:11px;font-style:normal}.screen-device em{color:var(--screen-accent)}.screen-rail-link{margin-top:auto;padding:13px 8px 3px;color:var(--screen-muted);text-align:center;text-decoration:none}.screen-rail-link:hover{color:var(--screen-accent)}.screen-content{min-width:0}.screen-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.screen-kpis article{min-height:91px;padding:14px 16px;position:relative;overflow:hidden}.screen-kpis article:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--screen-accent)}.screen-kpis span,.screen-kpis small{display:block;color:var(--screen-muted);font-size:12px}.screen-kpis strong{display:block;margin:7px 0 4px;color:var(--screen-text);font-size:22px;line-height:1}.screen-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);gap:13px}.screen-panel{min-width:0}.screen-panel header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--screen-line)}.screen-panel header h2{margin:3px 0 0;font-size:16px}.screen-panel header>span{color:var(--screen-muted);font-size:12px}.screen-trend-panel{position:relative}.screen-chart-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.screen-chart-actions button{padding:5px 7px;color:var(--screen-muted);font-size:11px}.screen-chart-actions button.is-active{border-color:var(--screen-accent);background:rgba(32,176,154,.12);color:var(--screen-accent)}.screen-series-select{position:absolute;z-index:3;top:79px;left:17px}.screen-series-select>button{height:28px;padding:0 8px;border:1px solid var(--screen-line);border-radius:3px;background:var(--screen-panel-2);color:var(--screen-text);font:12px inherit;cursor:pointer}.screen-series-select>button b{margin-left:7px;color:var(--screen-accent)}.screen-series-select>div{position:absolute;top:34px;left:0;width:260px;max-height:260px;overflow:auto;padding:7px;border:1px solid var(--screen-line);background:#152222;box-shadow:var(--screen-shadow)}.screen-series-select label{display:flex;align-items:center;gap:7px;padding:6px;color:var(--screen-text);cursor:pointer}.screen-series-select label:hover{background:rgba(255,255,255,.06)}.screen-chart-wrap{height:352px;position:relative;padding:11px}.screen-chart-wrap canvas{width:100%;height:100%;display:block}.screen-chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--screen-muted)}.screen-chart-tooltip{display:none;position:absolute;z-index:2;max-width:240px;padding:9px;background:#0d1616;border:1px solid var(--screen-line);box-shadow:var(--screen-shadow);font-size:11px;pointer-events:none}.screen-chart-tooltip.is-visible{display:block}.screen-chart-tooltip b{display:block;margin-bottom:4px;color:var(--screen-muted)}.screen-chart-tooltip div{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;margin-top:3px}.screen-chart-tooltip i{width:7px;height:7px;border-radius:50%}.screen-chart-tooltip strong{font-weight:700}.screen-legend{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 14px}.screen-legend button{display:flex;align-items:center;gap:5px;max-width:180px;padding:3px 6px;border:1px solid var(--screen-line);border-radius:3px;background:transparent;color:var(--screen-text);font:11px inherit;cursor:pointer}.screen-legend button.is-muted{opacity:.4}.screen-legend i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.screen-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-values-panel{display:flex;flex-direction:column}.screen-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;align-content:start}.screen-value-card{min-height:93px;padding:11px;border:1px solid var(--screen-line);border-radius:3px;background:var(--screen-panel-2)}.screen-value-card span{display:block;overflow:hidden;color:var(--screen-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.screen-value-card strong{display:block;margin-top:11px;overflow:hidden;color:var(--screen-text);font-size:22px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.screen-value-card em{margin-left:4px;color:var(--screen-accent);font-size:11px;font-style:normal}.screen-value-card small{display:block;margin-top:8px;color:var(--screen-muted);font-size:10px}.screen-empty-values,.screen-empty{padding:22px 10px;color:var(--screen-muted);text-align:center}.screen-table-panel{margin-top:13px}.screen-table-wrap{overflow:auto}.screen-table-panel table{width:100%;border-collapse:collapse}.screen-table-panel th,.screen-table-panel td{padding:10px 16px;border-bottom:1px solid rgba(54,80,77,.7);text-align:left;white-space:nowrap}.screen-table-panel th{color:var(--screen-muted);font-size:11px;font-weight:500}.screen-table-panel td{font-size:12px}.screen-table-panel td strong{font-size:14px}.screen-quality-valid{color:var(--screen-accent)}.screen-quality-suspect{color:var(--screen-warn)}.screen-quality-invalid{color:var(--screen-danger)}.screen-settings{position:fixed;z-index:20;top:0;right:0;width:min(385px,100vw);height:100vh;padding:22px;background:#172727;color:var(--screen-text);box-shadow:-15px 0 38px rgba(0,0,0,.35)}.screen-settings header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--screen-line)}.screen-settings h2{margin:3px 0 0;font-size:19px}.screen-settings header button{padding:5px 8px}.screen-settings>label{display:grid;gap:7px;margin-top:17px;color:var(--screen-muted);font-size:12px}.screen-settings input,.screen-settings select{height:35px;padding:0 9px;border:1px solid var(--screen-line);border-radius:3px;background:#0e1919;color:var(--screen-text);font:14px inherit;outline:none}.screen-setting-checks{display:grid;gap:9px;margin-top:18px;padding:12px;border:1px solid var(--screen-line)}.screen-setting-checks label{display:flex;align-items:center;gap:8px;cursor:pointer}.screen-setting-note{margin:15px 0;color:var(--screen-muted);font-size:12px;line-height:1.7}.screen-setting-actions{display:flex;justify-content:flex-end;gap:8px}.screen-setting-actions button{padding:8px 12px}.screen-setting-actions button:last-child{border-color:var(--screen-accent);background:var(--screen-accent);color:#073a33;font-weight:700}.screen-settings-mask{position:fixed;z-index:19;inset:0;background:rgba(0,0,0,.48)}.screen-body.is-light{--screen-bg:#eef4f2;--screen-panel:#ffffff;--screen-panel-2:#f5f9f7;--screen-line:#d4e1dd;--screen-text:#17332e;--screen-muted:#657b75;--screen-shadow:0 10px 26px rgba(35,66,58,.08)}.screen-body.is-light .screen-shell{background:linear-gradient(130deg,rgba(195,225,216,.55),transparent 36%),var(--screen-bg)}.screen-body.is-light .screen-series-select>div{background:#fff}.screen-body.is-light .screen-chart-tooltip{background:#fff}.screen-body.is-light .screen-settings{background:#f7fbf9}.screen-body.is-light .screen-settings input,.screen-body.is-light .screen-settings select{background:#fff;color:#17332e}@media(max-width:1100px){.screen-main-grid{grid-template-columns:1fr}.screen-values-panel{min-height:270px}.screen-device-rail{min-height:0}.screen-layout{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:800px){.screen-shell{padding:12px}.screen-header{height:auto;grid-template-columns:1fr auto;padding-bottom:10px}.screen-brand b{display:none}.screen-title{grid-column:1/-1;grid-row:2;margin-top:12px;text-align:left}.screen-title h1{font-size:20px}.screen-status-bar{flex-wrap:wrap;padding:10px 0;gap:9px}.screen-device-picker{min-width:0;width:100%}.screen-device-picker select{min-width:0;flex:1}.screen-project-summary{margin-left:0;width:100%;justify-content:space-between}.screen-layout{grid-template-columns:1fr}.screen-device-rail{padding:10px}.screen-device-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:175px}.screen-rail-link{display:none}.screen-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-chart-wrap{height:310px}.screen-table-panel{display:none}.screen-body[data-hide-rail="1"] .screen-device-rail{display:none}}@media(max-width:480px){.screen-header-actions .screen-clock{display:none}.screen-kpis{grid-template-columns:1fr}.screen-chart-actions button:nth-child(2){display:none}.screen-chart-wrap{height:275px}.screen-values-panel header{padding:11px}.screen-value-grid{grid-template-columns:1fr 1fr;padding:8px;gap:6px}.screen-value-card{min-height:80px;padding:9px}.screen-value-card strong{font-size:18px}.screen-project-summary{gap:7px;font-size:11px}}