body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;color:#333;font-family:Inter,Arial,sans-serif;margin:0}.app-container{height:100vh}.dashboard.light{background-color:#f4f4f4;color:#333}.dashboard.dark{background-color:#1e1e2f;color:#ddd}.dashboard-header,header{align-items:center;background-color:#8787fc;color:#fff;display:flex;justify-content:space-between;padding:5px}.header-actions{display:flex;gap:10px}.logout-btn{background:#fff;border:none;border-radius:6px;color:#09081d;cursor:pointer;font-weight:600;margin-right:20px;padding:6px 12px}.logout-btn:hover{background:#e5e7ff}.main-content{display:flex;min-height:calc(100vh - 60px)}.left-panel{background-color:#fff;border-right:1px solid #ccc;overflow-y:auto;padding:22px;width:100%}.dashboard.dark .left-panel{background-color:#2a2a40}.right-panel{display:flex;flex:1 1;flex-direction:column;padding:15px}.device-list h3{color:#312e81;font-size:1.4rem;margin-bottom:4px;margin-top:0}.section-subtitle{color:#6b7280;font-size:13px;margin:0}.device-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:20px}.device-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 22px #0f172a0f;display:flex;flex-direction:column;font-weight:500;gap:12px;padding:16px;text-align:left;transition:all .2s ease}.device-item:hover{background-color:#f8faff;border-color:#c7d2fe;transform:translateY(-2px)}.device-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.device-name{color:#111827;font-size:16px;font-weight:700}.device-id-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;font-size:12px;font-weight:600;padding:3px 10px}.device-meta-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.meta-key{color:#6b7280;font-size:12px;min-width:52px}.meta-value{color:#1f2937;font-size:12px;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;height:34px;min-width:130px;padding:0 10px}.title-row{align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:16px}.actions-row,.title-row{display:flex;flex-wrap:wrap}.actions-row{gap:8px}.card-actions button{flex:1 1 96px;min-height:38px}.primary-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#4f46e5;color:#fff;font-weight:600;min-height:40px}.primary-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);color:#fff}.device-detail-wrapper{margin-top:20px}.device-detail-layout{align-items:flex-start;display:flex;gap:20px}.device-controls{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000000d;min-width:380px;padding:16px;width:380px}.device-canvas-wrapper{background:#f9fafb;border-radius:14px;box-shadow:inset 0 0 0 1px #e5e7eb;flex:1 1;padding:10px}.device-canvas-wrapper canvas{background:#000;border:2px solid #4f46e5;border-radius:10px;height:auto;width:100%}.video-overlay-container{aspect-ratio:16/9;aspect-ratio:var(--stream-aspect,16/9);min-height:0;overflow:hidden;padding:0;position:relative}.live-video-feed{background:#000;border:2px solid #111827;border-radius:10px;height:100%;inset:0;object-fit:fill;position:absolute;width:100%;z-index:1}.webrtc-frame{min-height:0}.video-overlay-container .overlay-canvas{background:#0000!important;border:none!important;border-radius:10px;height:100%;inset:0;pointer-events:auto;position:absolute;width:100%;z-index:2}.rtsp-placeholder{align-items:center;background:#f3f4f6;border:1px dashed #9ca3af;border-radius:10px;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;position:absolute}.device-panel{background:#fafafa;border-radius:14px;box-shadow:0 10px 28px #0000000f;color:#333;font-family:system-ui,-apple-system,sans-serif;padding:18px}.device-title{color:#4f46e5;font-size:1.2rem;font-weight:600;margin-bottom:14px}.size-row{display:flex;gap:16px;margin-bottom:14px}.size-row input{width:100px}.size-row label{color:#555;display:flex;flex-direction:column;font-size:13px}.toggle-row{align-items:center;display:flex;font-weight:600;gap:10px;margin-top:12px}.stream-overlay-fieldset{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 1px 0 #ffffffbf;margin:16px 0 8px;padding:14px 14px 10px}.stream-overlay-fieldset legend{color:#3730a3;font-size:.82rem;font-weight:700;letter-spacing:.02em;padding:0 8px}.overlay-fieldset-intro{color:#64748b;font-size:12px;line-height:1.45;margin:0 0 12px}.overlay-fieldset-intro code{background:#e2e8f0;border-radius:4px;font-size:11px;padding:1px 5px}.overlay-flags-grid{display:flex;flex-direction:column;gap:8px}.overlay-flag-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin:0;padding:10px 12px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.overlay-flag-item:hover{border-color:#a5b4fc;box-shadow:0 2px 10px #4f46e514}.overlay-flag-item input{cursor:pointer;height:20px;left:14px;margin:0;opacity:0;position:absolute;top:14px;width:20px;z-index:2}.overlay-flag-ui{background:#fff;border:2px solid #94a3b8;border-radius:6px;box-sizing:border-box;flex:0 0 20px;height:20px;margin-top:2px;pointer-events:none;position:relative;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:20px}.overlay-flag-item input:focus-visible+.overlay-flag-ui{outline:2px solid #6366f1;outline-offset:2px}.overlay-flag-item input:checked+.overlay-flag-ui{background:linear-gradient(145deg,#6366f1,#4f46e5);border-color:#4f46e5;box-shadow:0 0 0 2px #6366f140}.overlay-flag-item input:checked+.overlay-flag-ui:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.overlay-flag-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.overlay-flag-label{color:#1e293b;font-size:13px;font-weight:600}.overlay-flag-hint{color:#64748b;font-size:11px;line-height:1.35}.dashboard.dark .stream-overlay-fieldset{background:linear-gradient(180deg,#2d2d44,#252536);border-color:#3f3f5a;box-shadow:inset 0 1px 0 #ffffff0a}.dashboard.dark .stream-overlay-fieldset legend{color:#c7d2fe}.dashboard.dark .overlay-fieldset-intro{color:#94a3b8}.dashboard.dark .overlay-fieldset-intro code{background:#1e293b;color:#e2e8f0}.dashboard.dark .overlay-flag-item{background:#1e1e2f;border-color:#3f3f5a}.dashboard.dark .overlay-flag-item:hover{border-color:#818cf8}.dashboard.dark .overlay-flag-label{color:#e2e8f0}.dashboard.dark .overlay-flag-hint{color:#94a3b8}.dashboard.dark .overlay-flag-ui{background:#1e1e2f;border-color:#64748b}.config-row{grid-gap:10px;align-items:center;display:grid;gap:10px;margin:8px 0;width:100%}.config-row button{min-width:0;width:100%}.hidden{pointer-events:none;visibility:hidden}input{background:#fff;border:1px solid #dcdcdc;border-radius:8px;font-size:14px;padding:8px 10px}input:focus{border-color:#7a9cff;box-shadow:0 0 0 2px #7a9cff26;outline:none}button{background:#fff;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 14px;transition:all .2s ease}button:hover{background:#e5e7eb;border-color:#7a9cff}.button:active{background:#152372;transform:scale(.98)}button.danger{color:#c0392b}button.danger:hover{background:#fdecea;border-color:#e57373}.save-button{background:linear-gradient(135deg,#6f8cff,#8fa8ff);border:none;border-radius:10px;color:#fff;font-weight:600;height:48px;margin:18px 0;width:100%}.save-button:hover{background:linear-gradient(135deg,#4f46e5,#6366f1)}.save-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.45}.save-button:disabled:hover{background:#9ca3af}canvas{border-radius:8px;cursor:crosshair;display:block;height:auto;width:100%}.counts-view{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-family:monospace;font-size:12px;margin-top:14px;max-height:200px;overflow:auto;padding:12px;white-space:pre-wrap}.stream-preview{border:1px solid #d1d5db;border-radius:8px;margin-top:10px;width:100%}.hub-payload-panel{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:12px;margin-top:14px;padding:12px}.dashboard.dark .hub-payload-panel{background:#2a2a40;border-color:#3d3d55}.hub-payload-panel h4{font-size:13px;margin:0 0 6px}.hub-payload-hint{margin:0 0 8px}.hub-payload-scroll{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:min(55vh,520px)}.dashboard.dark .hub-payload-scroll{background:#1e1e2e;border-color:#3d3d55}.hub-payload-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45;padding:10px}.hub-payload-meta{line-height:1.5;margin:0 0 10px}.hub-payload-url{word-break:break-all}.dashboard.dark .hub-payload-warn{color:#fbbf24}.helper-text{color:#6b7280;font-size:12px}.modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-card{background:#fff;border-radius:14px;box-shadow:0 20px 45px #00000047;gap:12px;padding:18px;width:min(520px,92vw)}.modal-card,.modal-card label{display:flex;flex-direction:column}.modal-card label{color:#374151;font-size:13px;gap:6px}@media (max-width:900px){.device-grid{grid-template-columns:1fr}}.scene-editor{background-color:#f9fafb;border-radius:8px;margin-top:15px;padding:10px}.dashboard.dark .scene-editor{background-color:#2a2a40}.login-container{background:#fff;border-radius:8px;margin:100px auto;max-width:400px;padding:20px}.login-container input{margin-bottom:10px;padding:8px;width:100%}.login-container button{background-color:#4f46e5;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.theme-btn{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.dashboard.dark .theme-btn{background-color:#555;color:#fff}.dashboard.light .theme-btn{background-color:#ddd;color:#333}.login-page{align-items:center;background:linear-gradient(135deg,#6f8cff,#8fa8ff);box-sizing:border-box;display:flex;font-family:Inter,Arial,sans-serif;height:100vh;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000026;box-sizing:border-box;max-width:400px;padding:40px 30px;text-align:center;width:100%}.login-title{color:#4f46e5;font-size:1.8rem;margin:0 0 10px}.login-subtitle{color:#666;font-size:.95rem;margin:0 0 25px}.login-input{border:1px solid #dcdcdc;border-radius:10px;box-sizing:border-box;font-size:14px;margin-bottom:16px;padding:12px 14px;transition:all .2s ease;width:100%}.login-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.login-button{background:linear-gradient(135deg,#4f46e5,#6f8cff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.login-button:hover{filter:brightness(1.05)}.login-error{color:#c0392b;font-size:.9rem;margin-top:12px}@media (max-width:450px){.login-card{padding:30px 20px}.login-title{font-size:1.5rem}.login-button{font-size:15px;padding:12px}}.active-btn{background-color:#4caf50;color:#fff}.confirm-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.confirm-box{background:#fff;border-radius:8px;padding:20px;text-align:center}.confirm-actions button{margin:10px;padding:8px 16px}.header-brand{display:flex;flex-direction:column;gap:2px;margin-left:12px}.header-brand h2{font-size:1.25rem;margin:0}.header-welcome{font-size:.85rem;opacity:.92}.ops-panel{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #c7d2fe;border-radius:16px;box-shadow:0 12px 32px #4f46e514;margin-bottom:24px;padding:20px 22px}.ops-panel-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.ops-title{color:#312e81;font-size:1.35rem;margin:0 0 4px}.ops-subtitle{color:#64748b;font-size:13px;margin:0;max-width:520px}.ops-mode-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;margin:8px 0 0;padding:6px 10px}.ops-mode-badge--local{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.ops-mode-badge--prod{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.modal-env-hint{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:12px;line-height:1.45;margin:0 0 12px;padding:10px 12px}.modal-fieldset{border:1px solid #e2e8f0;border-radius:10px;margin:12px 0;padding:12px 14px 4px}.modal-fieldset legend{color:#4338ca;font-size:13px;font-weight:600;padding:0 6px}.ops-reload-btn{background:#fff;border:1px solid #a5b4fc;border-radius:10px;color:#4338ca;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .15s,box-shadow .15s}.ops-reload-btn:hover:not(:disabled){background:#eef2ff;box-shadow:0 4px 12px #4f46e526}.ops-reload-btn:disabled{cursor:wait;opacity:.6}.ops-alert{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:13px;margin-bottom:14px;padding:10px 14px}.ops-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ops-metric{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:14px}.ops-metric--ingest{border-left:4px solid #0ea5e9}.ops-metric--publish{border-left:4px solid #8b5cf6}.ops-metric--ai{border-left:4px solid #10b981}.ops-metric--system{border-left:4px solid #f59e0b}.ops-metric-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ops-metric-value{color:#0f172a;font-size:1.75rem;font-weight:800;line-height:1.1}.ops-metric-sub{color:#94a3b8;font-size:11px}.ops-gpu{color:#475569;font-size:12px;margin:12px 0 0}.ops-streams-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:14px}.ops-stream-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.ops-stream-box h4{color:#334155;font-size:14px;margin:0 0 8px}.ops-stream-list{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.ops-stream-list li{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.ops-stream-muted{color:#64748b;font-size:12px;margin:0}.ops-stream-warn{color:#b91c1c;font-weight:600}.ops-stream-live{color:#15803d;font-weight:600}.device-status-row,.pipeline-status-bar{display:flex;flex-wrap:wrap;gap:6px}.pipeline-status-bar{margin-bottom:12px}.status-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;font-size:11px;font-weight:600;padding:4px 10px}.status-pill--on{background:#dcfce7;border-color:#86efac;color:#166534}.status-pill--off{background:#fee2e2;border-color:#fecaca;color:#991b1b}.device-toggle-row,.modal-check-row{display:flex;flex-direction:column;gap:8px}.toggle-chip{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:8px}.toggle-chip input{accent-color:#4f46e5;height:16px;width:16px}.modal-card--wide{max-width:520px}.loading-hint{color:#64748b;font-size:14px;margin:0 0 12px}.live-counts-grid{grid-gap:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.hub-payload-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:14px}.hub-payload-scroll{margin-top:8px;max-height:180px;overflow:auto}.hub-payload-pre{font-size:11px;margin:0;white-space:pre-wrap;word-break:break-word}.hub-payload-warn{color:#b45309;font-size:12px}
/*# sourceMappingURL=main.fae32606.css.map*/