.panel-card[data-v-5dc9c3ef]{display:block}.panel-card .panel-card-header[data-v-5dc9c3ef]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;position:relative}.panel-card .panel-card-header .panel-card-title[data-v-5dc9c3ef]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.panel-card .panel-card-header .panel-card-title .panel-card-icon[data-v-5dc9c3ef]{width:19px;height:20px;display:block}.panel-card .panel-card-header .panel-card-title .panel-card-title-text[data-v-5dc9c3ef]{color:#fff;text-shadow:0 2px 8px rgba(0,14,45,.16);font-size:16px;line-height:22px}.panel-card .panel-card-header .panel-card-line[data-v-5dc9c3ef]{position:absolute;bottom:-1px;left:16px;width:calc(100% - 32px);height:2px}.panel-card .panel-card-body[data-v-5dc9c3ef]{padding:16px}.device-stats[data-v-1997aab2]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.device-overview[data-v-1997aab2]{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px}.overview-card[data-v-1997aab2]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:0 12px 4px 12px;border-radius:10px;min-height:51px;overflow:hidden}.overview-icon[data-v-1997aab2]{width:44px;height:44px;background-position:50%;background-repeat:no-repeat;-ms-flex:0 0 auto;flex:0 0 auto}.overview-icon--online[data-v-1997aab2]{border-color:rgba(43,230,255,.35);background:radial-gradient(circle at 30% 30%,rgba(43,230,255,.22),rgba(43,230,255,.06))}.overview-main[data-v-1997aab2]{min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px}.overview-title[data-v-1997aab2]{font-size:14px;color:hsla(0,0%,100%,.72);white-space:nowrap}.overview-value[data-v-1997aab2]{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;gap:6px;white-space:nowrap}.overview-num[data-v-1997aab2]{font-size:16px;font-weight:700;color:hsla(0,0%,100%,.95);line-height:1;letter-spacing:.5px}.overview-unit[data-v-1997aab2]{font-size:12px;color:hsla(0,0%,100%,.75)}.device-type-row[data-v-1997aab2]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[5];grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.type-card[data-v-1997aab2]{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:5px 8px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:3px;overflow:hidden;min-height:110px}.type-icon[data-v-1997aab2]{width:46px;height:32px;border-radius:8px;background-position:50%;background-repeat:no-repeat;-ms-flex:0 0 auto;flex:0 0 auto}.type-name[data-v-1997aab2]{font-size:11px;color:hsla(0,0%,100%,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.type-metrics[data-v-1997aab2]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.metric[data-v-1997aab2]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:3px;white-space:nowrap;width:100%}.dot[data-v-1997aab2]{width:5px;height:5px;border-radius:999px;-ms-flex:0 0 auto;flex:0 0 auto}.dot--online[data-v-1997aab2]{background:#4ade80;box-shadow:0 0 0 2px rgba(74,222,128,.12)}.dot--fault[data-v-1997aab2]{background:#f87171;box-shadow:0 0 0 2px rgba(248,113,113,.12)}.metric-label[data-v-1997aab2]{color:hsla(0,0%,100%,.65);font-size:10px;-ms-flex:0 0 auto;flex:0 0 auto}.metric-value[data-v-1997aab2]{margin-left:auto;color:hsla(0,0%,100%,.9)}.direct-flv-player[data-v-639ca099]{position:relative;width:100%;height:100%;background:#000}.direct-flv-player__video[data-v-639ca099]{width:100%;height:100%;object-fit:cover;display:block}.direct-flv-player__status[data-v-639ca099]{position:absolute;inset:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px;color:rgba(219,234,254,.92);font-size:12px;line-height:1.4;text-align:center;background:rgba(0,0,0,.28)}.panel-section[data-v-e947754a]{border-radius:6px}.panel-section-cameras[data-v-e947754a]{margin-top:6px}.section-title[data-v-e947754a]{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.85);margin-bottom:10px;position:relative;padding-left:12px}.section-title[data-v-e947754a]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;background:#bff3ff}.section-title-row[data-v-e947754a]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:0 0 10px 0}.section-title-row .section-title[data-v-e947754a]{margin-bottom:0}.section-action[data-v-e947754a]{background:transparent;border:none;padding:0;font-size:12px;color:#6fa3ff;cursor:pointer}.section-action[data-v-e947754a]:hover{color:#6fa3ff;text-decoration:underline}.camera-block[data-v-e947754a]{padding:0 0 10px}.camera-grid[data-v-e947754a]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.camera-toggle-row[data-v-e947754a]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:10px;padding-top:10px;border-top:1px dashed hsla(0,0%,100%,.12)}.camera-toggle-btn[data-v-e947754a]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:6px;min-height:30px;padding:0 14px 0 12px;border-radius:999px;border:1px solid rgba(160,191,230,.3);background:linear-gradient(180deg,rgba(96,122,168,.28),rgba(72,94,132,.18));color:rgba(220,234,255,.92);font-size:12px;line-height:1;font-weight:500;letter-spacing:.03em;cursor:pointer;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07);transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.camera-toggle-btn[data-v-e947754a]:hover{border-color:rgba(111,163,255,.55);background:linear-gradient(180deg,rgba(111,163,255,.32),rgba(111,163,255,.16));color:rgba(244,248,255,.98);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 1px rgba(111,163,255,.12)}.camera-toggle-chevron[data-v-e947754a]{-ms-flex-negative:0;flex-shrink:0;width:5px;height:5px;margin-right:1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.88;transition:transform .22s ease,opacity .18s ease}.camera-toggle-chevron--up[data-v-e947754a]{transform:rotate(225deg);margin-top:1px}.camera-toggle-label[data-v-e947754a]{-ms-flex-negative:0;flex-shrink:0}.camera-toggle-badge[data-v-e947754a]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:1px;border-radius:999px;font-size:10px;font-weight:600;line-height:1;color:rgba(236,244,255,.95);background:rgba(111,163,255,.35);border:1px solid rgba(168,204,255,.28)}.camera-item[data-v-e947754a]{border:1px solid hsla(0,0%,100%,.16);border-radius:6px;overflow:hidden;background:rgba(10,18,28,.65)}.camera-preview[data-v-e947754a]{position:relative;height:112px;background:rgba(0,0,0,.35)}.camera-preview[data-v-e947754a] .ws-player-content{width:100%;height:100%}.camera-preview[data-v-e947754a] .ws-player .wsplayer-item.selected,.camera-preview[data-v-e947754a] .ws-player .wsplayer-item.unselected{border:none!important}.camera-placeholder[data-v-e947754a]{width:100%;height:100%;-ms-flex-pack:center;justify-content:center;font-size:12px;color:hsla(0,0%,100%,.38)}.camera-footer[data-v-e947754a],.camera-placeholder[data-v-e947754a]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.camera-footer[data-v-e947754a]{height:30px;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px;background:linear-gradient(180deg,hsla(0,0%,100%,.06),rgba(0,0,0,.08))}.camera-name[data-v-e947754a]{font-size:12px;color:hsla(0,0%,100%,.86);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.camera-empty[data-v-e947754a]{height:110px;border:1px dashed hsla(0,0%,100%,.2);border-radius:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:hsla(0,0%,100%,.45);font-size:12px;margin-bottom:10px}