@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--bg-card:#14141c;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#2a2a3a;--accent-blue:#6366f1;--accent-blue-hover:#4f46e5;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f59e0b;--sidebar-width:240px;--gradient-blue:linear-gradient(135deg,#6366f1,#8b5cf6)}body{background-color:#0a0a0f;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}.loading,.loading-screen{align-items:center;background:#0a0a0f;background:var(--bg-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #1a1a24;border-top-color:#6366f1;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-blue);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.login-container{align-items:center;background:linear-gradient(135deg,#0a0a0f,#0f0f1a);background:linear-gradient(135deg,var(--bg-primary) 0,#0f0f1a 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-box{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:420px;padding:3rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#9ca3af;color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#9ca3af;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#1a1a24;background:var(--bg-tertiary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--text-primary);font-size:.95rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#6366f1;border-color:var(--accent-blue);box-shadow:0 0 0 3px #6366f126;outline:none}.form-group input::placeholder{color:#6b7280;color:var(--text-muted)}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-blue);border:none;border-radius:10px;box-shadow:0 4px 14px 0 #6366f159;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.btn-primary:hover{box-shadow:0 6px 20px 0 #6366f173;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#1a1a24;background:var(--bg-tertiary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#2a2a3a;background:var(--border-color)}.btn-link{color:#6366f1;color:var(--accent-blue);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.btn-link:hover{color:#4f46e5;color:var(--accent-blue-hover)}.btn-icon{background:#1a1a24;background:var(--bg-tertiary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;font-size:.85rem;margin-right:.5rem;padding:.6rem 1rem;transition:all .2s ease}.btn-icon:hover{background:#2a2a3a;background:var(--border-color);color:#fff;color:var(--text-primary)}.btn-icon.danger:hover{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff}.btn-close{background:none;border:none;color:#9ca3af;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;transition:color .2s}.btn-close:hover{color:#fff;color:var(--text-primary)}.btn-logout{background:#0000;border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;color:#9ca3af;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.btn-logout:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--accent-red);color:#ef4444;color:var(--accent-red)}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.app-layout{display:flex;min-height:100vh}.sidebar{background:#12121a;background:var(--bg-secondary);border-right:1px solid #2a2a3a;border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:240px;width:var(--sidebar-width);z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.5rem 1.25rem}.sidebar-header span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.sidebar-nav{flex:1 1;padding:1rem .75rem}.nav-item{align-items:center;border-radius:10px;color:#9ca3af;color:var(--text-secondary);display:flex;font-size:.925rem;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#1a1a24;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.sidebar-footer{border-top:1px solid #2a2a3a;border-top:1px solid var(--border-color);padding:1.25rem}.user-info{background:#1a1a24;background:var(--bg-tertiary);border-radius:10px;display:flex;flex-direction:column;margin-bottom:1rem;padding:.75rem}.user-name{font-size:.9rem;font-weight:600}.user-email{color:#6b7280;color:var(--text-muted);font-size:.8rem;margin-top:.125rem}.main-content{background:#0a0a0f;background:var(--bg-primary);flex:1 1;margin-left:240px;margin-left:var(--sidebar-width);padding:2rem 2.5rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:700}.page-header .btn-primary{width:auto}.dashboard h1{font-size:1.875rem;font-weight:700;margin-bottom:2rem}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-card{background:#14141c;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .2s ease}.stat-card:hover{border-color:#6366f1;border-color:var(--accent-blue);box-shadow:0 0 20px #6366f11a}.stat-content{display:flex;flex-direction:column}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2}.stat-label{color:#9ca3af;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-top:.25rem}.card{background:#14141c;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.card-header h2{font-size:1.1rem;font-weight:600}.cameras-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.cameras-grid-full{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.camera-card,.camera-preview-card{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.camera-card:hover,.camera-preview-card:hover{border-color:#6366f1;border-color:var(--accent-blue);box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.camera-feed,.camera-preview-image{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a24,#0a0a0f);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-primary) 100%);color:#6b7280;color:var(--text-muted);display:flex;justify-content:center;position:relative}.camera-status,.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;left:.75rem;letter-spacing:.025em;padding:.35rem .75rem;position:absolute;text-transform:uppercase;top:.75rem}.camera-status.online,.status-badge.online{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--accent-green)}.camera-status.offline,.camera-status.unknown,.status-badge.offline,.status-badge.unknown{background:#6b728026;border:1px solid #6b72804d;color:#9ca3af;color:var(--text-secondary)}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.status-badge.online .status-dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.camera-details,.camera-preview-info{padding:1rem 1.25rem}.camera-name{display:block;font-size:1rem;font-weight:600}.camera-location,.camera-type{color:#6b7280;color:var(--text-muted);display:block;font-size:.85rem;margin-top:.35rem}.camera-details h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.camera-actions{border-top:1px solid #2a2a3a;border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.camera-placeholder{color:#6b7280;color:var(--text-muted);font-size:.9rem}.empty-state,.empty-state-large{color:#9ca3af;color:var(--text-secondary);padding:3rem 2rem;text-align:center}.empty-state-large{background:#14141c;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;padding:4rem 2rem}.empty-state-large h2{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:.75rem}.empty-state-large p{color:#9ca3af;color:var(--text-secondary);margin-bottom:1.5rem}.empty-state .btn-primary,.empty-state-large .btn-primary{display:inline-flex;width:auto}.events-list-full{display:flex;flex-direction:column;gap:.75rem}.event-card{align-items:center;background:#14141c;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s ease}.event-card:hover{background:#12121a;background:var(--bg-secondary);border-color:#2a2a3a;border-color:var(--border-color)}.event-card.unread{background:#6366f10d;border-left:3px solid #6366f1;border-left:3px solid var(--accent-blue)}.event-info{flex:1 1}.event-info h3{font-size:.95rem;font-weight:500}.event-date{color:#6b7280;color:var(--text-muted);display:block;font-size:.8rem;margin-top:.25rem}.unread-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-blue);border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.025em;padding:.25rem .6rem;text-transform:uppercase}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600}.modal form{padding:1.5rem}.modal-actions{border-top:1px solid #2a2a3a;border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1 1}.settings-section{background:#14141c;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;max-width:600px;padding:1.5rem}.settings-section h2{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.setting-item,.settings-section h2{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color)}.setting-item{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.setting-item:last-of-type{border-bottom:none;margin-bottom:1.5rem}.setting-info h3{font-size:.95rem;font-weight:500;margin-bottom:.25rem}.setting-info p{color:#6b7280;color:var(--text-muted);font-size:.85rem}.switch{display:inline-block;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#1a1a24;background-color:var(--bg-tertiary);border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;width:22px}input:checked+.slider{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-blue)}input:checked+.slider:before{transform:translateX(24px)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:1.5rem}.cameras-grid,.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ca2b6122.css.map*/