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);overflow:auto}.dashboard.dark .hub-payload-scroll{background:#1e1e2e;border-color:#3d3d55}.hub-payload-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;margin:0;padding:10px;white-space:pre-wrap;word-break:break-word}.hub-payload-meta{line-height:1.5;margin:0 0 10px}.hub-payload-url{word-break:break-all}.hub-payload-warn{color:#b45309}.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}
/*# sourceMappingURL=main.566c5be1.css.map*/