.dashboard-container[data-v-b9dfcbf6]{width:100vw;overflow-y:auto;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;padding:1px 24px;position:relative}.scanline-overlay[data-v-b9dfcbf6]{background:repeating-linear-gradient(0deg,rgba(59,130,246,.03),rgba(0,0,0,.03) 2px,transparent 3px)}.grid-overlay[data-v-b9dfcbf6],.scanline-overlay[data-v-b9dfcbf6]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.grid-overlay[data-v-b9dfcbf6]{background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 0);background-size:40px 40px}.main-content[data-v-b9dfcbf6]{position:relative;z-index:2}.page-header[data-v-b9dfcbf6]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(59,130,246,.2);margin-bottom:24px}.header-left .page-title[data-v-b9dfcbf6]{color:#f1f5f9;font-size:22px;font-weight:700;margin:0}.header-left .page-subtitle[data-v-b9dfcbf6]{color:#94a3b8;font-size:13px;letter-spacing:2px;text-transform:uppercase}.header-right[data-v-b9dfcbf6]{display:flex;gap:12px}.stats-cards[data-v-b9dfcbf6]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-b9dfcbf6]{background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:20px 24px;border:1px solid rgba(59,130,246,.15);display:flex;align-items:center;gap:16px;transition:all .3s}.stat-card[data-v-b9dfcbf6]:hover{border-color:var(--stat-color);box-shadow:0 0 20px rgba(59,130,246,.1)}.stat-icon[data-v-b9dfcbf6]{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:16px}.stat-info .stat-number[data-v-b9dfcbf6]{font-size:28px;font-weight:700;color:#f1f5f9}.stat-info .stat-label[data-v-b9dfcbf6]{font-size:13px;color:#94a3b8}.filter-bar[data-v-b9dfcbf6]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(59,130,246,.1);margin-bottom:24px}.filter-left[data-v-b9dfcbf6]{display:flex;gap:12px;align-items:center}.filter-right .filter-tip[data-v-b9dfcbf6]{color:#94a3b8;font-size:13px}.camera-grid[data-v-b9dfcbf6]{background:rgba(15,23,42,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;border:1px solid rgba(59,130,246,.1);padding:20px;min-height:400px;margin-bottom:24px}.grid-container[data-v-b9dfcbf6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.camera-card[data-v-b9dfcbf6]{background:hsla(0,0%,100%,.05);border-radius:16px;border:1px solid rgba(59,130,246,.15);overflow:hidden;transition:all .3s}.camera-card[data-v-b9dfcbf6]:hover{border-color:rgba(59,130,246,.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.camera-card.offline[data-v-b9dfcbf6]{opacity:.7;border-color:rgba(239,68,68,.2)}.camera-card-header[data-v-b9dfcbf6]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(59,130,246,.08)}.camera-actions[data-v-b9dfcbf6]{display:flex;gap:4px}.camera-actions .el-button[data-v-b9dfcbf6]{color:#94a3b8;font-size:12px}.camera-actions .el-button[data-v-b9dfcbf6]:hover{color:#00c8ff}.camera-actions .danger-btn[data-v-b9dfcbf6]:hover{color:#ef4444}.camera-card-body[data-v-b9dfcbf6]{padding:16px}.camera-preview[data-v-b9dfcbf6]{position:relative;aspect-ratio:16/9;background:#0f172a;border-radius:12px;overflow:hidden;cursor:pointer;margin-bottom:12px}.preview-iframe[data-v-b9dfcbf6]{position:absolute;inset:0;width:100%;height:100%;z-index:2;border:0;background:#0f172a}.no-preview[data-v-b9dfcbf6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;position:relative;z-index:1}.no-preview-icon[data-v-b9dfcbf6]{font-size:32px;margin-bottom:8px}.capturing-hint[data-v-b9dfcbf6]{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:12px;font-size:12px;color:#00c8ff;z-index:4}.capturing-dot[data-v-b9dfcbf6]{width:8px;height:8px;border-radius:50%;background:#00c8ff;-webkit-animation:pulse-data-v-b9dfcbf6 1s infinite;animation:pulse-data-v-b9dfcbf6 1s infinite}@-webkit-keyframes pulse-data-v-b9dfcbf6{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-data-v-b9dfcbf6{0%,to{opacity:1}50%{opacity:.3}}.preview-overlay[data-v-b9dfcbf6]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s;z-index:5;pointer-events:none}.camera-preview:hover .preview-overlay[data-v-b9dfcbf6]{opacity:1}.play-icon[data-v-b9dfcbf6]{font-size:40px;color:hsla(0,0%,100%,.8);text-shadow:0 0 20px rgba(0,0,0,.5)}.camera-info .camera-name[data-v-b9dfcbf6]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.camera-details[data-v-b9dfcbf6]{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.detail-item[data-v-b9dfcbf6]{font-size:13px;color:#cbd5e1}.detail-item .label[data-v-b9dfcbf6]{color:#94a3b8}.empty-state[data-v-b9dfcbf6]{grid-column:1/-1;padding:60px 0}.pagination-wrapper[data-v-b9dfcbf6]{display:flex;justify-content:flex-end;background:rgba(15,23,42,.3);padding:16px 20px;border-radius:16px;border:1px solid rgba(59,130,246,.1)}.form-tip[data-v-b9dfcbf6]{font-size:12px;color:#94a3b8;margin-top:4px}.preview-container[data-v-b9dfcbf6]{padding:8px 0}.preview-player[data-v-b9dfcbf6]{position:relative;aspect-ratio:16/9;background:#0f172a;border-radius:16px;overflow:hidden}.preview-info[data-v-b9dfcbf6]{position:absolute;bottom:12px;left:16px;display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.6);padding:6px 16px;border-radius:20px;font-size:13px;color:#f1f5f9;pointer-events:none;z-index:3}[data-v-b9dfcbf6] .el-dialog{background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.2)}[data-v-b9dfcbf6] .el-dialog__title{color:#00c8ff}[data-v-b9dfcbf6] .el-dialog__header{border-bottom:1px solid rgba(59,130,246,.15)}[data-v-b9dfcbf6] .el-dialog__footer{border-top:1px solid rgba(59,130,246,.15)}[data-v-b9dfcbf6] .el-form-item__label{color:#c0d4f0}[data-v-b9dfcbf6] .el-input-number .el-input__inner,[data-v-b9dfcbf6] .el-input__inner,[data-v-b9dfcbf6] .el-select .el-input__inner,[data-v-b9dfcbf6] .el-textarea__inner{background:rgba(124,156,205,.1);border-color:rgba(59,130,246,.15);color:#e5e9f0}[data-v-b9dfcbf6] .el-input__inner:focus,[data-v-b9dfcbf6] .el-textarea__inner:focus{border-color:#00c8ff}[data-v-b9dfcbf6] .el-input__inner::-moz-placeholder{color:#6c86a3}[data-v-b9dfcbf6] .el-input__inner:-ms-input-placeholder{color:#6c86a3}[data-v-b9dfcbf6] .el-input__inner::-ms-input-placeholder{color:#6c86a3}[data-v-b9dfcbf6] .el-input__inner::placeholder{color:#6c86a3}[data-v-b9dfcbf6] .el-button--primary{background:linear-gradient(135deg,#00c8ff,#0077b3);border:none}[data-v-b9dfcbf6] .el-button--primary:hover{background:linear-gradient(135deg,#1ad0ff,#08c);box-shadow:0 4px 12px rgba(0,200,255,.3)}[data-v-b9dfcbf6] .el-pagination{color:#e5e9f0}[data-v-b9dfcbf6] .el-pagination .btn-next,[data-v-b9dfcbf6] .el-pagination .btn-prev,[data-v-b9dfcbf6] .el-pagination .el-pager li{background:rgba(10,22,40,.8);border-color:rgba(59,130,246,.15);color:#c0d4f0}[data-v-b9dfcbf6] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#00c8ff,#0077b3);border-color:#00c8ff;color:#fff}@media (max-width:1200px){.stats-cards[data-v-b9dfcbf6]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header[data-v-b9dfcbf6]{flex-direction:column;gap:12px;align-items:flex-start}.header-right[data-v-b9dfcbf6]{width:100%;flex-wrap:wrap}.stats-cards[data-v-b9dfcbf6]{grid-template-columns:repeat(2,1fr)}.filter-bar[data-v-b9dfcbf6]{flex-direction:column;gap:12px;align-items:stretch}.filter-left[data-v-b9dfcbf6]{flex-wrap:wrap}.filter-left .el-input[data-v-b9dfcbf6],.filter-left .el-select[data-v-b9dfcbf6]{width:100%!important}.grid-container[data-v-b9dfcbf6]{grid-template-columns:1fr}}