:root{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #374151;--bg-dark: #0f172a;--bg-darker: #0a0f1a;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-teal: #14b8a6;--accent-teal-light: #5eead4;--accent-teal-dark: #0d9488;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-darker);color:var(--text-primary);line-height:1.6}.app-container{min-height:100vh;background:linear-gradient(135deg,#0a0f1a,#1a202c);display:flex}.sidebar{width:310px;min-height:100vh;background:linear-gradient(180deg,#1f2937,#111827);border-right:1px solid rgba(45,55,72,.5);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform var(--transition-normal)}.sidebar.collapsed{transform:translate(-310px)}.sidebar-header{padding:.75rem 1rem;border-bottom:1px solid rgba(45,55,72,.5);display:flex;align-items:center;gap:.75rem;background:#0f172acc}.sidebar-logo{width:100%;height:auto;background:transparent;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;padding:0}.sidebar-logo img{width:100%;height:auto;max-height:52px;object-fit:contain;object-position:center}.sidebar-brand,.sidebar-brand-name,.sidebar-brand-title{display:none}.sidebar-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:#5eead41a;color:var(--accent-teal-light)}.sidebar-status{margin:1rem 1.5rem;padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-lg);display:flex;align-items:center;gap:.5rem}.sidebar-status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #10b98180}50%{opacity:.6;box-shadow:0 0 16px #10b981cc}}.sidebar-status-text{color:var(--accent-green);font-size:.875rem;font-weight:600}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-title{padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.sidebar-nav-item{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;border-left:3px solid transparent}.sidebar-nav-item:hover{background:#5eead40d;color:var(--accent-teal-light);border-left-color:#5eead44d}.sidebar-nav-item.active{background:#14b8a626;color:var(--accent-teal-light);border-left-color:var(--accent-teal);box-shadow:inset 0 0 20px #14b8a61a}.sidebar-nav-item-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav-item-badge{margin-left:auto;background:#14b8a633;color:var(--accent-teal-light);padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(45,55,72,.5);font-size:.75rem;color:var(--text-muted)}.main-content{flex:1;min-height:100vh;margin-left:310px;transition:margin-left var(--transition-normal)}.main-content.expanded{margin-left:0}.mobile-sidebar-toggle{display:none;position:fixed;bottom:2rem;left:1rem;z-index:999;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-teal-dark) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 20px #14b8a666;transition:all var(--transition-fast)}.mobile-sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #14b8a680}.header{background:#1a202cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(45,55,72,.5);padding:.75rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.sidebar-title{font-size:1.75rem;font-weight:700;color:var(--accent-teal-light);margin:0;letter-spacing:-.025em;text-shadow:0 0 20px rgba(94,234,212,.3);white-space:nowrap}.dropdown-container{position:relative;display:inline-block}.dropdown-button{background-color:#1f2937cc;color:var(--text-primary);padding:.5rem 1rem;font-size:.875rem;border:1px solid rgba(71,85,105,.3);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:.5rem;cursor:pointer;min-width:140px;transition:all var(--transition-fast);white-space:nowrap}.dropdown-button:hover{background-color:#2d3748;border-color:#5eead466}.dropdown-text{flex-grow:1;color:var(--text-primary);font-weight:500}.dropdown-icon{color:var(--accent-teal-light);transition:transform var(--transition-fast)}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1a202cfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(94,234,212,.2);border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0006;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-content{max-height:300px;overflow-y:auto}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid rgba(45,55,72,.5)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#14b8a61a;color:var(--accent-teal-light);padding-left:1.25rem}.dropdown-item.selected{background:#14b8a626;color:var(--accent-teal-light);font-weight:600;border-left:3px solid var(--accent-teal)}.dropdown-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.camera-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem;padding:.5rem 1rem;background:#1f293799;border-radius:var(--border-radius-md);border:1px solid rgba(71,85,105,.3);white-space:nowrap}.info-label{font-weight:500;color:var(--text-secondary)}.info-value{font-weight:700;color:#fff;font-size:1.125rem}.info-separator{color:var(--text-muted);margin:0 .25rem}.select-all-container{display:flex;align-items:center;padding:.5rem 1rem;background:#2d374899;border-radius:var(--border-radius-md);border:1px solid rgba(16,185,129,.3)}.select-all-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--accent-green);cursor:pointer;font-weight:500}.select-all-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-green);cursor:pointer}.header-right{display:flex;align-items:center;gap:.75rem;background-color:transparent}.header-right button{background-color:transparent;border:none;cursor:pointer;transition:transform var(--transition-fast);padding:.5rem;border-radius:var(--border-radius-md)}.header-right button:hover{transform:scale(1.05);background:#5eead40d}.main-section{padding:1.5rem}.Table-Content{background:#1a202ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);overflow:visible;border:1px solid rgba(45,55,72,.5);box-shadow:0 10px 30px #0006}.table-content{width:100%;border-collapse:collapse}.table-content thead{background:#0f172ae6}.table-content th{padding:.3rem;text-align:left;font-weight:600;color:var(--accent-teal-light);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid rgba(45,55,72,.5);white-space:nowrap}.table-content td{padding:1rem;border-bottom:1px solid rgba(45,55,72,.3);color:var(--text-primary);font-size:.875rem;vertical-align:middle}.table-content tbody tr{transition:all var(--transition-fast);background:#1f29374d}.table-content tbody tr:hover{background:#14b8a60d}.table-content tbody tr:last-child td{border-bottom:none}.classification{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.classification.critical{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.classification.regular{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.alerts-dropdown{position:relative;display:inline-block}.alerts-dropdown-trigger{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);padding:.5rem .75rem;color:var(--accent-green);font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast);min-width:120px;justify-content:space-between}.alerts-dropdown-trigger:hover{background:#10b98126;border-color:#10b98180}.alerts-count{font-weight:600}.alerts-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1a202cfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);box-shadow:0 10px 25px -5px #00000080;z-index:1000;max-height:250px;overflow-y:auto;min-width:200px}.alert-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(45,55,72,.3);transition:background-color var(--transition-fast)}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:#14b8a61a}.alert-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);flex-shrink:0;box-shadow:0 0 8px #10b98180}.alert-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.alert-timing{font-size:.75rem;color:var(--text-secondary);margin-left:4px;font-weight:400}.view-button{background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:var(--border-radius-md);padding:.5rem;color:var(--accent-blue);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.view-button:hover{background:#3b82f640;border-color:#3b82f699}input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent-teal);cursor:pointer;border-radius:4px}.no-data{text-align:center;color:var(--text-muted);font-style:italic;padding:3rem 1.5rem}.filter-panel{position:fixed;top:10px;right:20px;width:350px;max-height:calc(110vh - 60px);background:#1a202cf2;border-radius:var(--border-radius-xl);box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(94,234,212,.2);overflow:hidden;transition:all var(--transition-normal);z-index:999;transform:translate(450px);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.filter-panel.open{transform:translate(0);opacity:1;pointer-events:all}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(45,55,72,.5);background:#0f172ab3}.panel-header h3{font-size:1rem;font-weight:400;color:var(--accent-teal-light);margin:0}.panel-close-btn{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:var(--accent-red);cursor:pointer;transition:all var(--transition-fast)}.panel-close-btn:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 0 15px #ef44444d}.panel-content{padding:1rem;overflow-y:auto;max-height:calc(105vh - 140px)}.selection-info{background:#2d374899;border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:1rem;border:1px solid rgba(94,234,212,.2)}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-title{font-weight:500;color:var(--text-secondary);font-size:.875rem}.info-highlight{font-weight:600;color:var(--accent-teal-light);font-size:.875rem}.info-placeholder{color:var(--text-muted);font-style:italic;font-size:.7rem}.event-fields{background:#2d374899;border-radius:var(--border-radius-lg);padding:1rem;border:1px solid rgba(94,234,212,.2)}.field-row{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.field-row:last-child{margin-bottom:0}.field-label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.info-select,.modern-input{width:90%;padding:.5rem;background:#2d3748cc;border:1px solid rgba(94,234,212,.2);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.info-select:focus,.modern-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #14b8a61a}.type-code{padding:.75rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius-md);color:var(--accent-blue);font-weight:600;font-size:.875rem;text-align:center}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.coordinate-info{padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius-md);color:var(--accent-blue);font-size:.875rem;text-align:center}.save-filter-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-teal-dark) 100%);border:none;border-radius:var(--border-radius-lg);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);margin-top:1.5rem;box-shadow:0 4px 15px #14b8a64d}.save-filter-btn:hover{background:linear-gradient(135deg,var(--accent-teal-dark) 0%,var(--accent-teal) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.disable-all-btn{width:100%;padding:.75rem;background:var(--accent-red);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.disable-all-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 15px #ef44444d}.disable-all-btn:disabled{background:var(--text-muted);cursor:not-allowed}.filter-backdrop{position:fixed;inset:0;background:#0009;z-index:998;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-backdrop.open{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a202c80}::-webkit-scrollbar-thumb{background:#5eead44d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5eead480}@media(max-width:1024px){.sidebar{transform:translate(-310px)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-sidebar-toggle{display:flex;align-items:center;justify-content:center}.header{padding:.75rem 1rem}.header-left{gap:1rem;flex-wrap:wrap}.main-section{padding:1rem}.filter-panel{width:100%;max-width:400px}.table-content{font-size:.8125rem}}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-left{flex-wrap:wrap;justify-content:center}.time-fields{grid-template-columns:1fr}.Table-Content{overflow-x:auto}.table-content{min-width:800px}}*:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}