body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.camera-list{margin:0 auto;max-width:1200px;padding:20px}.camera-list h1{color:#333;font-size:2.5rem;font-weight:300;margin-bottom:30px;text-align:center}.cameras-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:20px 0}.camera-card{background:#fff;border:2px solid #000;border-radius:12px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:border-color .2s ease;width:400px}.camera-card:hover{border-color:#fff}.camera-screenshot{align-items:center;background:#f5f5f5;display:flex;justify-content:center;max-height:500px;min-height:250px;overflow:hidden;position:relative;width:100%}.camera-screenshot img{height:100%;object-fit:cover;width:100%}.camera-overlay{align-items:center;background:linear-gradient(180deg,#0000001a 0,#0000 40%,#0000 60%,#0006);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:15px;position:absolute;right:0;top:0}.camera-name{bottom:15px;color:#fff;font-size:1.3rem;font-weight:700;left:15px;margin:0;position:absolute;right:15px;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000;z-index:2}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 15px #0000004d;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.play-button:hover{background:#fff;box-shadow:0 6px 20px #0006;transform:translate(-50%,-50%) scale(1.05)}.play-icon{border-bottom:15px solid #0000;border-left:25px solid #333;border-top:15px solid #0000;height:0;margin-left:5px;width:0}.camera-info{padding:15px 20px}.camera-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 10px}.camera-id{color:#666;font-family:Courier New,monospace;font-size:.9rem;margin:5px 0}.storage-path{color:#888;font-size:.8rem;margin:5px 0 0;word-break:break-all}.error,.loading,.no-cameras{font-size:1.1rem;padding:40px 20px;text-align:center}.loading{color:#666}.error{color:#e74c3c;font-weight:600}.error-details{color:#666;font-size:.9rem;margin-top:10px}.retry-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background .2s ease}.retry-button:hover{background:#2980b9}.no-cameras{color:#666}@media (max-width:768px){.camera-list{padding:15px}.camera-list h1{font-size:2rem;margin-bottom:20px}.cameras-grid{gap:15px;grid-template-columns:1fr}.camera-screenshot{height:220px}.camera-name{font-size:1.1rem}.play-button{height:70px;width:70px}.play-icon{border-bottom:12px solid #0000;border-left:20px solid #333;border-top:12px solid #0000}}@media (max-width:480px){.camera-list{padding:10px}.camera-list h1{font-size:1.8rem}.camera-screenshot{height:200px}.camera-name{font-size:1rem}.play-button{height:60px;width:60px}.play-icon{border-bottom:10px solid #0000;border-left:18px solid #333;border-top:10px solid #0000}}.camera-viewer{flex-direction:column;height:100%;max-width:1200px;padding:20px}.camera-header,.camera-viewer{align-items:center;display:flex;width:100%}.camera-header{justify-content:space-between;margin-bottom:20px;max-width:800px;padding:0 10px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff80;transform:translateX(-2px)}.camera-header .mode-buttons{display:flex;gap:10px;margin-bottom:0}.camera-header h2{color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.video-container{align-items:stretch;border-radius:12px;box-shadow:0 8px 32px #0000004d;gap:20px;margin-bottom:20px;max-height:70vh;max-width:1200px;overflow:hidden;width:100%}.video-container,.video-content{display:flex;justify-content:center;position:relative}.video-content{align-items:center;flex:1 1}.video-content.with-events-panel{max-width:calc(100% - 320px)}.video-player{background-color:#000;border-radius:12px;height:auto;max-height:70vh;object-fit:contain;width:100%}.video-player.hidden{display:none}.video-placeholder{align-items:center;background:linear-gradient(135deg,#000c,#0009);border:2px dashed #ffffff4d;border-radius:12px;display:flex;height:400px;justify-content:center;left:0;position:absolute;top:0;width:100%}.placeholder-content{color:#fffc;text-align:center}.placeholder-content h3{color:#ffffffe6;font-size:1.5rem;font-weight:600;margin:0 0 10px}.placeholder-content p{font-size:1rem;line-height:1.4;margin:0;max-width:300px;opacity:.7}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;height:40px;margin:15px 0;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stream-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;max-width:800px;padding:15px 20px;width:100%}.current-chunk{color:#fff;text-align:left}.current-chunk span{display:block;font-size:16px;font-weight:600;margin-bottom:5px}.timestamp{font-size:12px;opacity:.8}.stats{color:#fffc;display:flex;flex-direction:column;font-size:12px;gap:5px;text-align:right}.stats div{background:#ffffff1a;border-radius:4px;padding:2px 8px}.chunk-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;max-height:300px;max-width:800px;overflow-y:auto;width:100%}.chunk-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.chunk-item:last-child{border-bottom:none}.chunk-item.processed{background:#4caf5033;border-left:3px solid #4caf50}.chunk-item.current{animation:pulse 2s infinite;background:#4a90e24d;border-left:4px solid #4a90e2}.chunk-item.newer{background:#4caf5026;border-left:3px solid #4caf50}.chunk-item.older{background:#ff980026;border-left:3px solid #ff9800;opacity:.7}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.chunk-id{color:#fff;flex:1 1;font-size:14px;font-weight:600}.chunk-timestamp{color:#fffc;font-size:12px;margin:0 15px}.chunk-duration{color:#fff9;font-size:12px;margin-right:15px;min-width:30px}.chunk-status{font-size:16px;min-width:20px;text-align:center}.error,.loading,.no-data{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#fff;display:flex;font-size:18px;height:400px;justify-content:center}.error{color:#ff6b6b;flex-direction:column;gap:10px}.error-details{font-size:14px;max-width:400px;opacity:.8;text-align:center}.debug-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;font-family:Courier New,monospace;font-size:12px;margin:10px 0;max-width:800px;padding:10px 15px;width:100%;word-break:break-all}.chunk-list::-webkit-scrollbar{width:8px}.chunk-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.chunk-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.chunk-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.camera-viewer{padding:10px}.video-container{flex-direction:column;gap:15px;max-width:100%}.video-content{max-width:100%!important}.motion-events-panel{max-height:300px;order:-1;width:100%}.stream-info{flex-direction:column;gap:15px;text-align:center}.stats{flex-direction:row;gap:10px;justify-content:center}.chunk-item{align-items:flex-start;flex-direction:column;gap:8px}.chunk-duration,.chunk-timestamp{margin:0}.chunk-status{align-self:flex-end}.datetime-inputs{flex-direction:column;gap:15px}.datetime-group{min-width:auto}}.view-mode-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:20px;max-width:800px;padding:20px;width:100%}.mode-buttons{display:flex;gap:10px;margin-bottom:15px}.mode-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.mode-button:hover{background:#fff3;border-color:#ffffff80}.mode-button.active{background:#4a90e2cc;border-color:#4a90e2;color:#fff}.mode-button:disabled{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed}.history-controls{border-top:1px solid #fff3;padding-top:15px}.datetime-inputs{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.datetime-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.datetime-split{display:flex;gap:10px}.datetime-split input[type=date]{flex:2 1}.time-inputs{align-items:center;display:flex;flex:1 1;gap:5px}.time-inputs input{font-size:14px;text-align:center;width:50px}.time-inputs input,.time-separator{font-family:Courier New,monospace;font-weight:700}.time-separator{color:#fff;font-size:16px;-webkit-user-select:none;user-select:none}.datetime-group label{color:#fff;font-size:14px;font-weight:500}.datetime-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:14px;padding:8px 12px}.datetime-group input[type=text]{font-family:Courier New,monospace;letter-spacing:1px}.datetime-group input[type=text]:invalid{background:#ff6b6b1a;border-color:#ff6b6b}.datetime-group input[type=text]::placeholder{color:#ffffff80;font-family:Courier New,monospace}.datetime-group input[type=time]{color-scheme:dark;font-family:Courier New,monospace}.datetime-group input[type=time]::-webkit-datetime-edit-ampm-field{display:none!important;left:-9999px!important;opacity:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.datetime-group input[type=time]::-webkit-datetime-edit-hour-field,.datetime-group input[type=time]::-webkit-datetime-edit-minute-field{color:#fff}.datetime-group input[type=time]::-webkit-datetime-edit-second-field{color:#fff}.datetime-group input:focus{background:#ffffff26;border-color:#4a90e2;outline:none}.datetime-group input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.datetime-group input[type=datetime-local]{color-scheme:dark}.datetime-group input[type=datetime-local]::-webkit-datetime-edit-ampm-field{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important}.datetime-group input[type=datetime-local]::-webkit-datetime-edit-hour-field,.datetime-group input[type=datetime-local]::-webkit-datetime-edit-text{color:#fff}.datetime-group input[type=datetime-local]::-webkit-datetime-edit-minute-field,.datetime-group input[type=datetime-local]::-webkit-datetime-edit-second-field{color:#fff}.datetime-group input[type=datetime-local]{-moz-appearance:textfield}.datetime-group input[type=datetime-local]::-webkit-datetime-edit,.datetime-group input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{color:#fff}.load-history-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .3s ease}.load-history-button:hover:not(:disabled){background:#357abd}.load-history-button:disabled{background:#fff3;cursor:not-allowed;opacity:.6}.history-range{color:#fffc;font-size:12px;margin-top:5px}.motion-events-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;max-height:70vh;width:300px}.motion-events-header{align-items:center;border-bottom:1px solid #fff3;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.motion-events-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.loading-indicator{color:#ffffffb3;font-size:.9rem;font-style:italic}.events-count{background:#ffffff1a;border-radius:12px;color:#fffc;font-size:.9rem;padding:4px 8px}.motion-events-list{flex:1 1;overflow-y:auto;padding:10px}.motion-event-item{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .3s ease}.motion-event-item:hover{background:#fff3;border-color:#ffffff4d;transform:translateX(2px)}.motion-event-item:last-child{margin-bottom:0}.event-time{color:#fff;font-size:1rem;font-weight:600;margin-bottom:4px}.event-duration{color:#fffc;font-size:.85rem;margin-bottom:4px}.event-timestamp{color:#fff9;font-size:.8rem}.events-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;padding:12px}.events-error,.no-events{font-size:.9rem;text-align:center}.no-events{color:#fff9;font-style:italic;padding:20px}.motion-events-list::-webkit-scrollbar{width:6px}.motion-events-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.motion-events-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.motion-events-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.video-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.live-video-controls{opacity:0;position:absolute;right:10px;top:10px;transition:opacity .3s ease;z-index:10}.video-wrapper:hover .live-video-controls{opacity:1}.fullscreen-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;transition:all .3s ease}.fullscreen-button:hover{background:#000000e6;border-color:#ffffff80;transform:scale(1.05)}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;width:100%}.login-form h2{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e1e1;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.App{background-color:#000;display:flex;flex-direction:column;min-height:100vh;width:100vw}.app-header{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:10px 20px}.logout-button,.user-info{color:#fff;font-size:14px}.logout-button{background-color:#dc2626;border:none;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background-color:#b91c1c}
/*# sourceMappingURL=main.f84bbe35.css.map*/