@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--bg-primary: #0a0e17;--bg-secondary: #0d1117;--bg-tertiary: #111827;--bg-elevated: #161b28;--bg-surface: rgba(13, 17, 23, .85);--bg-glass: rgba(13, 17, 23, .6);--bg-glass-hover: rgba(13, 17, 23, .8);--bg-overlay: rgba(0, 0, 0, .7);--accent-cyan: #00f0ff;--accent-cyan-dim: rgba(0, 240, 255, .3);--accent-cyan-glow: rgba(0, 240, 255, .15);--accent-blue: #0066ff;--accent-blue-dim: rgba(0, 102, 255, .3);--accent-green: #00ff88;--accent-green-dim: rgba(0, 255, 136, .3);--accent-purple: #a855f7;--accent-purple-dim: rgba(168, 85, 247, .3);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-accent: var(--accent-cyan);--text-muted: #475569;--severity-critical: #ff3366;--severity-critical-bg: rgba(255, 51, 102, .15);--severity-critical-border: rgba(255, 51, 102, .4);--severity-high: #ff6b35;--severity-high-bg: rgba(255, 107, 53, .15);--severity-high-border: rgba(255, 107, 53, .4);--severity-medium: #ffaa00;--severity-medium-bg: rgba(255, 170, 0, .15);--severity-medium-border: rgba(255, 170, 0, .4);--severity-low: #00f0ff;--severity-low-bg: rgba(0, 240, 255, .1);--severity-low-border: rgba(0, 240, 255, .3);--severity-info: #64748b;--severity-info-bg: rgba(100, 116, 139, .1);--severity-info-border: rgba(100, 116, 139, .3);--status-online: #00ff88;--status-stale: #ffaa00;--status-offline: #ff3366;--status-disabled: #475569;--signal-news: #00f0ff;--signal-protest: #ff6b35;--signal-military: #a855f7;--signal-earthquake: #ffaa00;--signal-fire: #ff3366;--signal-outage: #ef4444;--signal-vessel: #3b82f6;--signal-market: #00ff88;--border-primary: rgba(0, 240, 255, .15);--border-secondary: rgba(0, 240, 255, .08);--border-glow: rgba(0, 240, 255, .3);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--glass-blur: blur(12px);--glass-bg: rgba(13, 17, 23, .6);--glass-border: 1px solid rgba(0, 240, 255, .12);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .4), 0 0 1px rgba(0, 240, 255, .2);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-base: .85rem;--font-size-md: .95rem;--font-size-lg: 1.1rem;--font-size-xl: 1.35rem;--font-size-2xl: 1.8rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-wide: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--header-height: 48px;--status-bar-height: 28px;--panel-width: 340px;--panel-width-collapsed: 0px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-map: 1;--z-panels: 10;--z-header: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-elevated: #ffffff;--bg-surface: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .7);--bg-glass-hover: rgba(255, 255, 255, .85);--bg-overlay: rgba(0, 0, 0, .3);--accent-cyan: #0891b2;--accent-cyan-dim: rgba(8, 145, 178, .2);--accent-cyan-glow: rgba(8, 145, 178, .1);--accent-blue: #2563eb;--accent-blue-dim: rgba(37, 99, 235, .2);--accent-green: #059669;--accent-green-dim: rgba(5, 150, 105, .2);--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-accent: #0891b2;--text-muted: #cbd5e1;--border-primary: rgba(8, 145, 178, .2);--border-secondary: rgba(8, 145, 178, .1);--border-glow: rgba(8, 145, 178, .3);--glass-bg: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(8, 145, 178, .15);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .08), 0 0 1px rgba(8, 145, 178, .15)}:lang(ar){font-family:"Geeza Pro","Arabic Typesetting",var(--font-sans);direction:rtl}:lang(zh){font-family:"PingFang SC","Microsoft YaHei",var(--font-sans)}.no-transition,.no-transition *{transition:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);overflow:hidden;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}*{scrollbar-width:thin;scrollbar-color:var(--accent-cyan-dim) var(--bg-secondary)}@keyframes borderGlow{0%,to{border-color:#00f0ff26;box-shadow:0 0 5px #00f0ff0d}50%{border-color:#00f0ff59;box-shadow:0 0 15px #00f0ff1a}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}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 dataStream{0%{background-position:0 0}to{background-position:0 20px}}.sentinel-app{display:grid;grid-template-rows:var(--header-height) 1fr var(--status-bar-height);grid-template-columns:1fr;height:100vh;width:100vw;overflow:hidden;position:relative}.sentinel-app:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}[data-theme=light] .sentinel-app:before{background-image:linear-gradient(rgba(8,145,178,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(8,145,178,.03) 1px,transparent 1px)}.sentinel-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-4);background:var(--bg-glass);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-primary);z-index:var(--z-header);position:relative}.sentinel-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan) 20%,var(--accent-cyan) 80%,transparent);opacity:.4}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-center{flex:1;display:flex;justify-content:center;overflow:hidden}.logo{display:flex;align-items:center;gap:var(--space-2);user-select:none}.logo-icon{font-size:1.3rem;color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan-dim)}.logo-text{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:600;letter-spacing:var(--letter-spacing-wide);color:var(--text-primary);text-transform:uppercase}.logo-accent{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan-dim)}.variant-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-wide);padding:2px 8px;border-radius:var(--border-radius-sm);background:var(--accent-cyan-glow);border:1px solid var(--accent-cyan-dim);color:var(--accent-cyan);text-transform:uppercase}.header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.header-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan-dim);background:var(--accent-cyan-glow);box-shadow:0 0 8px var(--accent-cyan-glow)}.sentinel-main{display:grid;grid-template-columns:var(--panel-width) 1fr var(--panel-width);grid-template-rows:1fr;overflow:hidden;position:relative;z-index:var(--z-map)}.panel-column{overflow-y:auto;overflow-x:hidden;background:var(--bg-secondary);border-right:1px solid var(--border-secondary);z-index:var(--z-panels);transition:width var(--transition-normal),opacity var(--transition-normal)}.panel-column.panel-right{border-right:none;border-left:1px solid var(--border-secondary)}.panel-column-inner{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.panel-column.collapsed{width:0;opacity:0;overflow:hidden;padding:0}.panel-slot{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--glass-shadow);overflow:hidden;animation:fadeIn .3s ease forwards}.panel-slot:hover{border-color:var(--border-glow);box-shadow:var(--glass-shadow),0 0 20px var(--accent-cyan-glow)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-secondary);background:#00f0ff08}.panel-title{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--accent-cyan);text-shadow:0 0 6px var(--accent-cyan-glow)}.panel-body{padding:var(--space-3)}.panel-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.panel-loading:before{content:"";width:16px;height:16px;border:2px solid var(--accent-cyan-dim);border-top-color:var(--accent-cyan);border-radius:50%;margin-right:var(--space-2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-error{padding:var(--space-4);color:var(--severity-high);font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--severity-high-bg);border-left:3px solid var(--severity-high)}.map-container{position:relative;overflow:hidden;background:var(--bg-primary)}.map-canvas{width:100%;height:100%;position:absolute;inset:0}.map-overlay{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:5;pointer-events:auto}.map-hud{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-tertiary);z-index:5;pointer-events:none}.sentinel-status-bar{display:flex;align-items:center;justify-content:space-between;height:var(--status-bar-height);padding:0 var(--space-3);background:var(--bg-glass);backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-secondary);z-index:var(--z-header);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-tertiary)}.sentinel-status-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan-dim) 30%,var(--accent-cyan-dim) 70%,transparent)}.status-left,.status-center,.status-right{display:flex;align-items:center;gap:var(--space-3)}.status-center{flex:1;justify-content:center;gap:var(--space-4);overflow:hidden}.status-item{white-space:nowrap}.freshness-dot{display:inline-flex;align-items:center;gap:var(--space-1)}.freshness-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status-online)}.freshness-dot.stale:before{background:var(--status-stale)}.freshness-dot.offline:before{background:var(--status-offline);animation:pulseGlow 1.5s ease-in-out infinite}.freshness-dot.disabled:before{background:var(--status-disabled)}.badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-critical{background:var(--severity-critical-bg);color:var(--severity-critical);border:1px solid var(--severity-critical-border);text-shadow:0 0 6px rgba(255,51,102,.4)}.badge-high{background:var(--severity-high-bg);color:var(--severity-high);border:1px solid var(--severity-high-border)}.badge-medium{background:var(--severity-medium-bg);color:var(--severity-medium);border:1px solid var(--severity-medium-border)}.badge-low{background:var(--severity-low-bg);color:var(--severity-low);border:1px solid var(--severity-low-border)}.badge-info{background:var(--severity-info-bg);color:var(--severity-info);border:1px solid var(--severity-info-border)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue),var(--accent-purple),var(--accent-cyan));background-size:300% 300%;animation:gradientShift 4s ease infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-tertiary);font-weight:500;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:var(--font-size-xs);border-bottom:1px solid var(--border-primary)}.data-table td{padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-bottom:1px solid var(--border-secondary)}.data-table tr:hover td{background:var(--accent-cyan-glow);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.03em;border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan-dim);background:var(--accent-cyan-glow);box-shadow:0 0 12px var(--accent-cyan-glow)}.btn-primary{background:var(--accent-cyan-dim);color:var(--accent-cyan);border-color:var(--accent-cyan-dim)}.btn-primary:hover{background:var(--accent-cyan);color:var(--bg-primary)}.btn-danger{color:var(--severity-critical);border-color:var(--severity-critical-border)}.btn-danger:hover{background:var(--severity-critical-bg);box-shadow:0 0 12px #f363}.scan-line-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.scan-line-overlay:before{content:"";position:absolute;width:100%;height:4px;background:linear-gradient(180deg,transparent,rgba(0,240,255,.06),transparent);animation:scanLine 6s linear infinite}.tooltip{position:absolute;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);backdrop-filter:var(--glass-blur);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);box-shadow:0 4px 20px #00000080;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);pointer-events:none;z-index:var(--z-toast);max-width:320px}.timeline-control{display:flex;align-items:center;gap:2px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--border-radius-md);padding:2px}.timeline-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap}.timeline-btn:hover{color:var(--accent-cyan);background:var(--accent-cyan-glow)}.timeline-btn.active{color:var(--accent-cyan);background:var(--accent-cyan-dim);text-shadow:0 0 6px var(--accent-cyan-glow)}.mobile-only{display:none}@media(max-width:1024px){.sentinel-main{grid-template-columns:1fr;grid-template-rows:1fr}.panel-column{display:none;position:fixed;top:var(--header-height);bottom:var(--status-bar-height);width:100%;z-index:var(--z-overlay);background:var(--bg-secondary)}.panel-column.mobile-visible{display:block}.mobile-only{display:flex}.map-container{grid-column:1;grid-row:1}:root{--panel-width: 100%;--header-height: 44px}}@media(max-width:640px){:root{--font-size-base: .8rem;--space-4: 12px}.logo-text{font-size:var(--font-size-sm)}.variant-badge{display:none}}.mono{font-family:var(--font-mono)}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.text-amber{color:var(--severity-medium)}.text-red{color:var(--severity-critical)}.text-muted{color:var(--text-tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.maplibregl-map{font-family:var(--font-sans)}.maplibregl-ctrl-attrib{font-size:var(--font-size-xs)!important;background:var(--bg-glass)!important;color:var(--text-tertiary)!important}.maplibregl-ctrl-attrib a{color:var(--accent-cyan)!important}