@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:#e2e8f0;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#cbd5e1;--color-bg-card:#fff;--color-bg-card-solid:#fff;--color-bg-elevated:#fff;--color-bg-hover:#0f172a0f;--color-bg-active:#0099cc1a;--color-bg-input:#fff;--color-accent:#0284c7;--color-accent-dim:#0284c726;--color-accent-glow:#0284c74d;--color-indigo:#4f46e5;--color-indigo-dim:#4f46e526;--color-purple:#7c3aed;--color-success:#059669;--color-success-dim:#05966926;--color-warning:#d97706;--color-warning-dim:#d9770626;--color-danger:#dc2626;--color-danger-dim:#dc262626;--color-critical:#991b1b;--color-info:#2563eb;--color-info-dim:#2563eb26;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-border:#0f172a26;--color-border-light:#0f172a14;--color-border-accent:#0284c766;--shadow-sm:0 1px 2px #0f172a1a;--shadow-md:0 4px 6px #0f172a1a, 0 1px 3px #0f172a14;--shadow-lg:0 10px 15px #0f172a1a, 0 4px 6px #0f172a0d;--shadow-xl:0 20px 25px #0f172a1a, 0 10px 10px #0f172a0a;--shadow-glow:0 0 20px #0284c726;--shadow-glow-strong:0 0 30px #0284c740;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:18px;--space-xl:24px;--space-2xl:36px;--space-3xl:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--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:#0b0f19;--color-bg-secondary:#111827;--color-bg-tertiary:#1f2937;--color-bg-card:#151e2e;--color-bg-card-solid:#151e2e;--color-bg-elevated:#1e293b;--color-bg-hover:#ffffff0f;--color-bg-active:#3b82f61f;--color-bg-input:#0b0f19;--color-accent:#38bdf8;--color-accent-dim:#38bdf826;--color-accent-glow:#38bdf814;--color-indigo:#60a5fa;--color-indigo-dim:#60a5fa26;--color-purple:#a78bfa;--color-success:#10b981;--color-success-dim:#10b98126;--color-warning:#f59e0b;--color-warning-dim:#f59e0b26;--color-danger:#ef4444;--color-danger-dim:#ef444426;--color-critical:#dc2626;--color-info:#3b82f6;--color-info-dim:#3b82f626;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0b0f19;--color-border:#1e293b;--color-border-light:#334155;--color-border-accent:#38bdf859;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 10px 10px -5px #00000080;--shadow-glow:0 0 12px #38bdf81a;--shadow-glow-strong:0 0 20px #38bdf833}*,: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);height:100vh;line-height:1.6;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{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px var(--color-accent-dim)}50%{box-shadow:0 0 16px var(--color-accent-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}@keyframes borderGlow{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff80}}.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:linear-gradient(135deg, var(--color-accent), var(--color-indigo));border-radius:var(--radius-md);width:36px;height:36px;font-weight:800;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:800;font-size:var(--text-lg);letter-spacing:2px;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);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;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-full);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-full);background:linear-gradient(135deg, var(--color-indigo), var(--color-purple));width:34px;height:34px;font-weight:700;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);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);animation:.4s ease-out fadeInUp}.glass-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg)}.glass-card--accent{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow)}.glass-card--clickable{cursor:pointer}.glass-card--clickable:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.stat-card{gap:var(--space-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card--cyan:before{background:linear-gradient(90deg, var(--color-accent), transparent)}.stat-card--indigo:before{background:linear-gradient(90deg, var(--color-indigo), transparent)}.stat-card--success:before{background:linear-gradient(90deg, var(--color-success), transparent)}.stat-card--warning:before{background:linear-gradient(90deg, var(--color-warning), transparent)}.stat-card--danger:before{background:linear-gradient(90deg, var(--color-danger), transparent)}.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:1px;color:var(--color-text-tertiary);font-weight:600}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;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-3xl);font-weight:800;font-family:var(--font-mono);line-height:1}.stat-card-change{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;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-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;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{color:var(--color-critical);background:#dc262633;animation:2s infinite pulseGlow}.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}.badge-dot--pulse{position:relative}.badge-dot--pulse:after{content:"";border-radius:var(--radius-full);background:currentColor;animation:2s ease-in-out infinite statusPulse;position:absolute;inset:-2px}.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:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg, var(--color-accent), #09c);color:var(--color-text-inverse);box-shadow:0 2px 8px #00d4ff4d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff66}.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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--modal-z);background:#000000b3;justify-content:center;align-items:center;animation:.2s 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-xl);width:90%;max-width:720px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s ease-out scaleIn;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:10px 16px;font-weight:600}.data-table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:12px 16px}.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-lg);font-size:var(--text-sm);line-height:1.6;animation:.3s ease-out fadeInUp}.chat-bubble--user{background:linear-gradient(135deg, var(--color-accent), #09c);color:var(--color-text-inverse);border-bottom-right-radius:var(--radius-sm);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-layer-panel{top:var(--space-md);right:var(--space-md);z-index:10;width:280px;max-height:calc(100% - 2 * var(--space-md));position:absolute;overflow-y:auto}.map-filter-panel{top:var(--space-md);left:var(--space-md);z-index:10;width:320px;position:absolute}.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)}.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-page:before{content:"";background:radial-gradient(at 20%,#00d4ff0d 0%,#0000 50%),radial-gradient(at 80% 20%,#6366f10d 0%,#0000 50%),radial-gradient(at 50% 80%,#8b5cf608 0%,#0000 50%);position:absolute;inset:0}.login-card{width:100%;max-width:420px;padding:var(--space-2xl);background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:.5s ease-out fadeInUp;position:relative}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);height:2px;position:absolute;top:-1px;left:20%;right:20%}.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{animation:.4s ease-out fadeInUp}.animate-in-delay-1{animation:.4s ease-out .1s both fadeInUp}.animate-in-delay-2{animation:.4s ease-out .2s both fadeInUp}.animate-in-delay-3{animation:.4s ease-out .3s both fadeInUp}@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-full);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:all var(--transition-fast);animation:.3s ease-out fadeInUp}.ops-event-card:hover{border-color:var(--color-border-accent);background:var(--color-bg-hover)}.ops-event-card--selected{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.ops-event-card--critical{border-color:#ef44444d;animation:.3s ease-out fadeInUp,2s infinite pulseGlow}.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{color:#38bdf8;background:#38bdf833;border:3px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;animation:2s infinite pulseGlow;display:flex;position:relative;box-shadow:0 0 20px #38bdf866}.gps-marker:after{content:"";border:2px solid #38bdf826;border-radius:50%;animation:2s ease-in-out infinite statusPulse;position:absolute;inset:-8px}.gps-marker--small{border-width:2px;width:28px;height:28px;font-size:9px;box-shadow:0 0 12px #38bdf84d}.gps-marker--small:after{inset:-5px}.shift-progress{background:var(--color-bg-tertiary);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.shift-progress-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-indigo));border-radius:var(--radius-full);height:100%;transition:width 1s}.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{color:#a855f7;background:#a855f726}.shift-type-badge{border-radius:var(--radius-full);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 8px;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{border-right:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#6366f114 0%,#8b5cf60a 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{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.admin-sidebar-logo-text{flex-direction:column;display:flex}.admin-sidebar-logo-title{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.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{color:var(--color-text-primary);background:#6366f11a}.admin-nav-link--active{color:#a78bfa;background:#6366f126;font-weight:600}.admin-nav-link--active:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);border-radius:0 3px 3px 0;width:3px;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;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);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{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:all .2s;display:flex}.admin-stat-card:hover{border-color:#6366f14d;box-shadow:0 4px 20px #6366f114}.admin-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);font-size:11px;font-weight:600}.admin-stat-value{color:var(--color-text-primary);letter-spacing:-1px;font-size:28px;font-weight:800}.admin-stat-value--accent{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.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:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.admin-search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-table-wrap{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:12px;overflow:hidden}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;width:90vw;max-width:560px;max-height:85vh;padding:28px;animation:.2s scaleIn;overflow-y:auto;box-shadow:0 24px 48px #0000004d}.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:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.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:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.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:1px solid var(--color-border);border-radius:12px;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{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;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}