@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root,[data-theme=light]{--color-bg-primary:#f4f4f5;--color-bg-secondary:#fafafa;--color-bg-tertiary:#e4e4e7;--color-bg-card:#fff;--color-bg-card-solid:#fff;--color-bg-elevated:#fff;--color-bg-hover:#0000000a;--color-bg-active:#2563eb14;--color-bg-input:#fff;--color-accent:#2563eb;--color-accent-dim:#2563eb1a;--color-accent-glow:#2563eb33;--color-indigo:#4f46e5;--color-indigo-dim:#4f46e51a;--color-purple:#4f46e5;--color-success:#059669;--color-success-dim:#0596691a;--color-warning:#d97706;--color-warning-dim:#d977061a;--color-danger:#dc2626;--color-danger-dim:#dc26261a;--color-critical:#991b1b;--color-info:#2563eb;--color-info-dim:#2563eb1a;--color-text-primary:#18181b;--color-text-secondary:#3f3f46;--color-text-tertiary:#71717a;--color-text-muted:#a1a1aa;--color-text-inverse:#fff;--color-border:#e4e4e7;--color-border-light:#f4f4f5;--color-border-accent:#2563eb59;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000000f;--shadow-lg:0 4px 8px #00000014;--shadow-xl:0 8px 16px #0000001a;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:14px;--space-xl:20px;--space-2xl:28px;--space-3xl:36px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:6px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.75rem;--transition-fast:.1s linear;--transition-base:.15s ease-out;--transition-slow:.2s ease-out;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--modal-z:1000;--overlay-z:999;--sidebar-z:100;--header-z:99}[data-theme=dark]{--color-bg-primary:#09090b;--color-bg-secondary:#18181b;--color-bg-tertiary:#27272a;--color-bg-card:#1e2329;--color-bg-card-solid:#1e2329;--color-bg-elevated:#27272a;--color-bg-hover:#ffffff0f;--color-bg-active:#3b82f61f;--color-bg-input:#09090b;--color-accent:#3b82f6;--color-accent-dim:#3b82f61f;--color-accent-glow:#3b82f614;--color-indigo:#818cf8;--color-indigo-dim:#818cf81f;--color-purple:#818cf8;--color-success:#10b981;--color-success-dim:#10b9811f;--color-warning:#f59e0b;--color-warning-dim:#f59e0b1f;--color-danger:#ef4444;--color-danger-dim:#ef44441f;--color-critical:#dc2626;--color-info:#3b82f6;--color-info-dim:#3b82f61f;--color-text-primary:#fafafa;--color-text-secondary:#d4d4d8;--color-text-tertiary:#a1a1aa;--color-text-muted:#71717a;--color-text-inverse:#09090b;--color-border:#27272a;--color-border-light:#3f3f46;--color-border-accent:#3b82f659;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -1px #00000040;--shadow-lg:0 10px 15px -3px #00000059, 0 4px 6px -2px #00000040;--shadow-xl:0 8px 16px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);font-variant-numeric:tabular-nums;height:100vh;line-height:1.45;overflow:hidden}::selection{background:var(--color-accent-dim);color:var(--color-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-shell{height:100vh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);height:100vh;z-index:var(--sidebar-z);transition:width var(--transition-base);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{height:var(--header-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 var(--space-lg);align-items:center;gap:var(--space-md);z-index:var(--header-z);flex-shrink:0;display:flex}.app-content{padding:var(--space-lg);flex:1;overflow:hidden auto}.app-content--no-padding{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.sidebar-logo{padding:var(--space-lg);align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.sidebar-logo-icon{background:var(--color-accent);border-radius:var(--radius-md);width:36px;height:36px;font-weight:700;font-size:var(--text-sm);color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{font-weight:700;font-size:var(--text-lg);letter-spacing:1.5px;color:var(--color-text-primary);line-height:1.2}.sidebar-logo-subtitle{color:var(--color-text-tertiary);letter-spacing:.5px;text-transform:uppercase;font-size:10px}.sidebar-agency{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-hover);border-bottom:1px solid var(--color-border)}.sidebar-agency-name{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav{padding:var(--space-md) var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section{margin-top:var(--space-md)}.sidebar-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);font-size:10px;font-weight:600}.sidebar-link{align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-link--active{background:var(--color-bg-active);color:var(--color-accent);border-color:var(--color-border-accent)}.sidebar-link--active:before{content:"";background:var(--color-accent);width:2px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-link--active .sidebar-link-icon{opacity:1}.sidebar-link-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.sidebar-user{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.sidebar-user-avatar{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);font-weight:600;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--color-text-tertiary);text-transform:capitalize;font-size:11px}.app-sidebar--no-transition,.app-sidebar--no-transition *{transition:none!important}.app-sidebar--collapsed{width:var(--sidebar-collapsed)}.app-sidebar--collapsed *{white-space:nowrap}.app-sidebar--collapsed .sidebar-logo-text,.app-sidebar--collapsed .sidebar-agency,.app-sidebar--collapsed .sidebar-section-label,.app-sidebar--collapsed .sidebar-link-text,.app-sidebar--collapsed .sidebar-telemetry,.app-sidebar--collapsed .sidebar-user-info,.app-sidebar--collapsed .sidebar-signout-btn{display:none!important}.app-sidebar--collapsed .sidebar-logo{padding:var(--space-md);justify-content:center}.app-sidebar--collapsed .sidebar-link{padding:var(--space-sm) var(--space-md);justify-content:center;position:relative}.app-sidebar--collapsed .sidebar-link .sidebar-icon{margin-right:0}.app-sidebar--collapsed .sidebar-link-badge{min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:9px;position:absolute;top:2px;right:4px}.app-sidebar--collapsed .sidebar-nav-section{padding:var(--space-xs) var(--space-sm)}.app-sidebar--collapsed .sidebar-user{padding:var(--space-md);justify-content:center}.sidebar-collapse-btn{border:1px solid var(--color-border);background:var(--color-bg-tertiary);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:auto;display:flex}.sidebar-collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-accent);border-color:var(--color-border-accent)}.glass-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.glass-card--accent{border-color:var(--color-border-accent)}.glass-card--clickable{cursor:pointer}.glass-card--clickable:hover{border-color:var(--color-border-accent)}.stat-card{gap:var(--space-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);font-weight:600}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.stat-card--cyan .stat-card-icon{background:var(--color-accent-dim);color:var(--color-accent)}.stat-card--indigo .stat-card-icon{background:var(--color-indigo-dim);color:var(--color-indigo)}.stat-card--success .stat-card-icon{background:var(--color-success-dim);color:var(--color-success)}.stat-card--warning .stat-card-icon{background:var(--color-warning-dim);color:var(--color-warning)}.stat-card--danger .stat-card-icon{background:var(--color-danger-dim);color:var(--color-danger)}.stat-card-value{font-size:var(--text-2xl);font-weight:600;font-family:var(--font-mono);line-height:1}.stat-card-change{font-size:var(--text-xs);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:1px 6px;font-weight:600;display:inline-flex}.stat-card-change--up{background:var(--color-success-dim);color:var(--color-success)}.stat-card-change--down{background:var(--color-danger-dim);color:var(--color-danger)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.badge--low{background:var(--color-success-dim);color:var(--color-success)}.badge--medium{background:var(--color-warning-dim);color:var(--color-warning)}.badge--high{background:var(--color-danger-dim);color:var(--color-danger)}.badge--critical{background:var(--color-critical);color:#fff}.badge--info{background:var(--color-info-dim);color:var(--color-info)}.badge--accent{background:var(--color-accent-dim);color:var(--color-accent)}.badge-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.status-active{color:var(--color-success)}.status-responding{color:var(--color-warning)}.status-idle{color:var(--color-text-tertiary)}.status-open{color:var(--color-accent)}.status-investigating{color:var(--color-warning)}.status-closed{color:var(--color-text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:10px 20px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover{background:#1d4ed8}.btn--secondary{color:var(--color-text-secondary);border-color:var(--color-border-light);background:0 0}.btn--secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-accent)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--danger{background:var(--color-danger-dim);color:var(--color-danger);border-color:#ef44444d}.btn--danger:hover{background:var(--color-danger);color:#fff}.btn--sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:6px 12px}.btn--icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.input::placeholder{color:var(--color-text-muted)}.input--search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:18px;padding-left:40px}.select{appearance:none;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;outline:none;padding:10px 36px 10px 14px}.select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600;display:block}.modal-overlay{z-index:var(--modal-z);background:#000000b3;justify-content:center;align-items:center;animation:.1s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:90%;max-width:720px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.modal--lg{max-width:960px}.modal--sm{max-width:480px}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:700}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-sm);flex-shrink:0;display:flex}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);gap:2px;display:flex;overflow-x:auto}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:6px 12px;font-weight:600}.data-table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:7px 12px}.data-table tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-bg-hover)}.data-table td:first-child,.data-table th:first-child{padding-left:0}.chat-container{flex-direction:column;height:100%;max-height:100%;display:flex}.chat-messages{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:75%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.chat-bubble--user{background:var(--color-accent);color:var(--color-text-inverse);align-self:flex-end}.chat-bubble--ai{background:var(--color-bg-card);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.chat-input-bar{gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex}.chat-input-bar input{flex:1}.map-container{width:100%;height:100%;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%}.map-controls{top:var(--space-md);right:var(--space-md);z-index:10;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute}.map-command-panel{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:10;flex-direction:column;flex-shrink:0;width:360px;height:100%;display:flex}.command-panel-tabs{border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);display:flex}.command-panel-tab{padding:var(--space-md) var(--space-sm);text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.command-panel-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.command-panel-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-bg-active)}.command-panel-content{padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.command-list-item{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-sm);flex-direction:column;display:flex}.command-list-item:hover{border-color:var(--color-border-accent)}.command-list-item--selected{border-color:var(--color-accent);background:var(--color-accent-dim)}.layer-toggle{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;display:flex}.layer-toggle-switch{background:var(--color-bg-tertiary);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:all var(--transition-fast);border:1px solid var(--color-border);flex-shrink:0;position:relative}.layer-toggle-switch--active{background:var(--color-accent-dim);border-color:var(--color-accent)}.layer-toggle-switch:after{content:"";border-radius:var(--radius-full);background:var(--color-text-tertiary);width:16px;height:16px;transition:all var(--transition-fast);position:absolute;top:2px;left:2px}.layer-toggle-switch--active:after{background:var(--color-accent);transform:translate(18px)}.layer-toggle-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.playback-bar{z-index:20;border-radius:var(--radius-md);color:#e5e7eb;font-family:var(--font-sans);background:#111827;border:1px solid #ffffff1f;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.playback-bar--setup{width:480px;padding:16px 20px;top:16px;bottom:auto}.playback-bar--transport{width:min(720px,100vw - 400px);padding:12px 16px 8px}.ops-map-panel .playback-bar{max-width:calc(100% - 24px)}.ops-map-panel .playback-bar--transport{width:min(720px,100% - 24px)}.ops-map-panel .playback-transport-row{flex-wrap:wrap}.playback-setup-header{color:#f9fafb;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.playback-setup-body{flex-direction:column;gap:12px;display:flex}.playback-time-inputs{gap:10px;display:flex}.playback-input-group{flex-direction:column;flex:1;gap:4px;display:flex}.playback-label{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;font-size:10px;font-weight:700}.playback-input{border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);color:#f3f4f6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border:1px solid #ffffff1a;outline:none;padding:8px 10px;transition:border-color .2s}.playback-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #2563eb33}.playback-btn{cursor:pointer;font-family:var(--font-body);border:none;justify-content:center;align-items:center;gap:6px;transition:all .15s;display:inline-flex}.playback-btn--close{border-radius:var(--radius-sm);color:#9ca3af;background:#ffffff0f;width:28px;height:28px}.playback-btn--close:hover{color:#ef4444;background:#ef444426}.playback-btn--load{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;letter-spacing:.3px;width:100%;padding:10px 16px;font-size:12px;font-weight:700}.playback-btn--load:hover{background:#3b82f6}.playback-btn--load:disabled{opacity:.5;cursor:not-allowed}.playback-transport-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.playback-transport-controls{align-items:center;gap:4px;display:flex}.playback-btn--transport{border-radius:var(--radius-sm);color:#d1d5db;background:#ffffff0f;width:30px;height:30px}.playback-btn--transport:hover{color:#f9fafb;background:#ffffff1f}.playback-btn--play{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;width:34px;height:34px}.playback-btn--play:hover{background:#3b82f6}.playback-btn--playing{background:#f59e0b}.playback-btn--playing:hover{background:#fbbf24}.playback-time-display{flex-direction:column;align-items:center;gap:1px;display:flex}.playback-time-date{color:#6b7280;font-size:10px;font-weight:500}.playback-time-clock{font-size:18px;font-weight:600;font-family:var(--font-mono);color:#f9fafb;letter-spacing:.5px}.playback-transport-right{align-items:center;gap:10px;display:flex}.playback-speed-group{border-radius:var(--radius-sm);background:#ffffff0a;gap:2px;padding:2px;display:flex}.playback-speed-pill{font-size:10px;font-weight:700;font-family:var(--font-mono);color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;transition:all .15s}.playback-speed-pill:hover{color:#d1d5db;background:#ffffff14}.playback-speed-pill--active{color:#f9fafb;background:var(--color-accent)}.playback-btn--exit{border-radius:var(--radius-sm);color:#ef4444;letter-spacing:.5px;background:#ef44441f;border:1px solid #ef444433;padding:6px 12px;font-size:10px;font-weight:800}.playback-btn--exit:hover{background:#ef444440;border-color:#ef444466}.playback-scrubber-container{margin-bottom:6px}.playback-scrubber{cursor:pointer;-webkit-user-select:none;user-select:none;height:32px;position:relative}.playback-scrubber-track{background:#ffffff14;border-radius:2px;height:4px;position:absolute;top:10px;left:0;right:0}.playback-scrubber-fill{background:var(--color-accent);border-radius:1px;height:4px;transition:width .1s linear;position:absolute;top:10px;left:0}.playback-scrubber-head{border:2px solid var(--color-accent);z-index:2;background:#f9fafb;border-radius:50%;width:12px;height:12px;transition:left .1s linear;position:absolute;top:5px;transform:translate(-50%);box-shadow:0 1px 3px #0006}.playback-scrubber-tick{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.playback-scrubber-tick-line{background:#ffffff14;width:1px;height:28px}.playback-scrubber-tick-label{color:#4b5563;font-size:8px;font-family:var(--font-mono);white-space:nowrap;margin-top:1px}.playback-stats{font-size:10px;font-family:var(--font-mono);color:#4b5563;border-top:1px solid #ffffff0a;justify-content:center;gap:8px;padding-top:4px;display:flex}.incident-reveal{animation:.15s ease-out forwards fadeIn}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-hover) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.login-page{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{width:100%;max-width:420px;padding:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative}.dashboard-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-grid--2col{grid-template-columns:repeat(2,1fr)}.dashboard-grid--3col{grid-template-columns:repeat(3,1fr)}.dashboard-section{grid-column:span 2}.dashboard-section--full{grid-column:1/-1}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-in,.animate-in-delay-1,.animate-in-delay-2,.animate-in-delay-3{animation:none}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-section{grid-column:span 1}}@media (max-width:768px){.app-sidebar{transition:left var(--transition-base);position:fixed;left:-100%}.app-sidebar--open{left:0}.dashboard-grid{grid-template-columns:1fr}.dashboard-section,.dashboard-section--full{grid-column:span 1}.map-layer-panel{width:220px}.chat-bubble{max-width:90%}}.ops-layout{height:100%;display:flex;overflow:hidden}.ops-events-panel{border-right:1px solid var(--color-border);background:var(--color-bg-secondary);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.ops-events-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.ops-events-list{padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ops-map-panel{flex:1;min-width:0;position:relative}.ops-chat-panel{border-left:1px solid var(--color-border);background:var(--color-bg-secondary);flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.ops-chat-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ops-chat-messages{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ops-chat-suggestions{gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.ops-chat-chip{border-radius:var(--radius-sm);background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:11px;font-family:var(--font-sans);white-space:nowrap;padding:4px 10px}.ops-chat-chip:hover{background:var(--color-accent-dim);color:var(--color-accent);border-color:var(--color-border-accent)}.ops-event-card{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast)}.ops-event-card:hover{border-color:var(--color-border-accent);background:var(--color-bg-hover)}.ops-event-card--selected{border-color:var(--color-accent)}.ops-event-card--critical{border-color:#ef444466;border-left:3px solid var(--color-critical)}.ops-status-bar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-family:var(--font-mono);flex-wrap:wrap;flex-shrink:0;display:flex}.ops-view-toggle{background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:2px;padding:2px;display:flex}.ops-view-btn{border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;padding:6px 14px}.ops-view-btn:hover{color:var(--color-text-primary)}.ops-view-btn--active{background:var(--color-accent-dim);color:var(--color-accent)}.ops-view-btn--disabled{opacity:.4;cursor:not-allowed}.gps-marker{border:2px solid var(--color-accent);color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex;position:relative;box-shadow:0 1px 3px #00000080}.gps-marker--small{width:24px;height:24px;font-size:9px}.shift-progress{background:var(--color-bg-tertiary);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.shift-progress-fill{background:var(--color-accent);height:100%;transition:width .2s ease-out}.shift-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.shift-card-icon--day{background:var(--color-warning-dim);color:var(--color-warning)}.shift-card-icon--swing{background:var(--color-indigo-dim);color:var(--color-indigo)}.shift-card-icon--night{background:var(--color-accent-dim);color:var(--color-accent)}.shift-card-icon--custom{background:var(--color-bg-hover);color:var(--color-text-secondary)}.shift-type-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-hover);color:var(--color-text-secondary);border:1px solid var(--color-border);align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}@media (max-width:1200px){.ops-chat-panel{width:320px}.ops-events-panel{width:280px}}@media (max-width:768px){.ops-layout{flex-direction:column}.ops-events-panel,.ops-chat-panel{border-left:none;border-right:none;border-bottom:1px solid var(--color-border);width:100%;height:250px}.ops-map-panel{height:300px}.ops-status-bar{gap:var(--space-sm);flex-wrap:wrap}}.admin-shell{background:var(--color-bg-primary);min-height:100vh;display:flex}.admin-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-logo{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:24px 20px;display:flex}.admin-sidebar-logo-icon{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;letter-spacing:-.5px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.admin-sidebar-logo-text{flex-direction:column;display:flex}.admin-sidebar-logo-title{color:var(--color-text-primary);letter-spacing:-.5px;font-size:16px;font-weight:700}.admin-sidebar-logo-subtitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.admin-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.admin-sidebar-section{text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-muted);padding:16px 8px 6px;font-size:10px;font-weight:700}.admin-nav-link{color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.admin-nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.admin-nav-link--active{background:var(--color-bg-active);color:var(--color-accent);font-weight:600}.admin-nav-link--active:before{content:"";background:var(--color-accent);width:2px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin-nav-icon{opacity:.7;width:18px;height:18px}.admin-nav-link--active .admin-nav-icon{opacity:1}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.admin-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.admin-header-title{color:var(--color-text-primary);font-size:18px;font-weight:700}.admin-header-subtitle{color:var(--color-text-muted);margin-left:12px;font-size:12px;font-weight:400}.admin-content{flex:1;padding:28px 32px;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-stat-card{border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:border-color var(--transition-fast);flex-direction:column;gap:8px;padding:16px;display:flex}.admin-stat-card:hover{border-color:var(--color-border-accent)}.admin-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);font-size:11px;font-weight:600}.admin-stat-value{font-size:22px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:-.5px}.admin-stat-value--accent{color:var(--color-accent)}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-search{flex:1;max-width:400px;position:relative}.admin-search input{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);font-size:13px;font-family:var(--font-sans);border-radius:8px;padding:10px 14px 10px 38px;transition:border-color .2s}.admin-search input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim);outline:none}.admin-search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);overflow:hidden}.admin-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.1s fadeIn;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90vw;max-width:560px;max-height:85vh;box-shadow:var(--shadow-xl);padding:24px;overflow-y:auto}.admin-modal h2{color:var(--color-text-primary);margin-bottom:20px;font-size:18px;font-weight:700}.admin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-form-grid .full-width{grid-column:1/-1}.admin-prompt-editor{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;min-height:200px;color:var(--color-text-primary);font-family:var(--font-mono);resize:vertical;border-radius:8px;padding:16px;font-size:12px;line-height:1.6;transition:border-color .2s}.admin-prompt-editor:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim);outline:none}.admin-toggle{background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.admin-toggle--active{background:var(--color-accent);border-color:var(--color-accent)}.admin-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.admin-toggle--active:after{transform:translate(20px)}.admin-feature-grid{background:var(--color-border);border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:1px;display:grid;overflow:hidden}.admin-feature-row{background:var(--color-bg-secondary);grid-template-columns:200px repeat(auto-fill,minmax(120px,1fr));display:grid}.admin-feature-cell{justify-content:center;align-items:center;padding:12px 16px;font-size:12px;display:flex}.admin-feature-label{color:var(--color-text-primary);justify-content:flex-start;font-weight:600}.admin-feature-header{background:var(--color-bg-primary);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:11px;font-weight:700}.admin-sidebar-back{border-top:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.admin-sidebar-back:hover{color:var(--color-text-primary)}.admin-sidebar-user{border-top:1px solid var(--color-border);align-items:center;gap:10px;padding:16px 20px;display:flex}.admin-sidebar-user-avatar{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.admin-sidebar-user-info{flex-direction:column;display:flex}.admin-sidebar-user-name{color:var(--color-text-primary);font-size:12px;font-weight:600}.admin-sidebar-user-role{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.admin-drawer-overlay{z-index:var(--modal-z);background:#00000080;justify-content:flex-end;animation:.1s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-drawer{background:var(--color-bg-card);border-left:1px solid var(--color-border);flex-direction:column;width:100%;max-width:700px;height:100%;display:flex;box-shadow:-4px 0 12px #0003}.admin-drawer-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;padding:24px;display:flex}.admin-drawer-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.admin-drawer-close{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast)}.admin-drawer-close:hover{color:var(--color-text-primary)}.admin-drawer-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:2px;padding:0 24px;display:flex}.admin-drawer-tab{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:12px 16px;font-size:13px;font-weight:600}.admin-drawer-tab:hover{color:var(--color-text-primary)}.admin-drawer-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-drawer-body{flex:1;padding:24px;overflow-y:auto}.admin-drawer-footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.skeleton-row{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-border) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:48px;margin-bottom:8px;animation:1.5s linear infinite shimmer}