@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base: #0B0F14;--bg-card: #121821;--bg-card-hover: #182030;--bg-elevated: #1a2332;--bg-panel: #111923;--bg-input: #0e1520;--bg-overlay: rgba(0, 0, 0, .55);--safe: #22c55e;--safe-dim: #16a34a;--safe-bg: rgba(34, 197, 94, .07);--safe-border: rgba(34, 197, 94, .18);--warning: #eab308;--warning-dim: #ca8a04;--warning-bg: rgba(234, 179, 8, .07);--warning-border: rgba(234, 179, 8, .18);--critical: #ef4444;--critical-dim: #dc2626;--critical-bg: rgba(239, 68, 68, .07);--critical-border: rgba(239, 68, 68, .18);--accent: #3b82f6;--accent-dim: #2563eb;--accent-bg: rgba(59, 130, 246, .08);--accent-border: rgba(59, 130, 246, .2);--text-primary: #ffffff;--text-secondary: #8b95a5;--text-muted: #5a6577;--text-dim: #3d4a5c;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .1);--border-active: rgba(255, 255, 255, .14);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.15);--shadow-hover: 0 4px 20px rgba(0,0,0,.35);--shadow-panel: -4px 0 40px rgba(0,0,0,.5);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .25s ease;--transition-fast: .15s ease}[data-theme=light]{--bg-base: #f0f4f8;--bg-card: #ffffff;--bg-card-hover: #f9fafb;--bg-elevated: #ffffff;--bg-panel: #fcfcfc;--bg-input: #f1f5f9;--bg-overlay: rgba(255, 255, 255, .7);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-dim: #9ca3af;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-active: rgba(0, 0, 0, .2);--shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 4px 6px rgba(0,0,0,.02);--shadow-hover: 0 4px 12px rgba(0,0,0,.08);--shadow-panel: -4px 0 20px rgba(0,0,0,.08);--safe-bg: rgba(34, 197, 94, .15);--warning-bg: rgba(234, 179, 8, .15);--critical-bg: rgba(239, 68, 68, .15);--accent-bg: rgba(59, 130, 246, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}#root{position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.top-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 28px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:20px}.top-bar-brand{display:flex;align-items:center;gap:10px}.top-bar-logo{font-size:22px;line-height:1}.top-bar-name{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.top-bar-divider{width:1px;height:20px;background:var(--border)}.top-bar-status{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--safe);letter-spacing:.3px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--safe);animation:statusPulse 2.5s ease-in-out infinite}.top-bar-right{display:flex;align-items:center;gap:6px}.top-bar-item{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--radius-xs);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:default;transition:background var(--transition-fast)}.top-bar-item:hover{background:#ffffff0a}.top-bar-item .icon{font-size:15px;opacity:.7}.top-bar-time{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px}.notification-badge{position:relative}.notification-count{position:absolute;top:2px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--critical);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.main-content{display:flex;min-height:calc(100vh - 56px)}.dashboard-content{flex:1;padding:24px 28px 40px;max-width:1400px;transition:margin-right var(--transition)}.dashboard-content.panel-open{margin-right:0}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:default}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.metric-card.blue:before{background:var(--accent)}.metric-card.red:before{background:var(--critical)}.metric-card.amber:before{background:var(--warning)}.metric-card.green:before{background:var(--safe)}.metric-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.metric-value{font-size:32px;font-weight:800;font-family:var(--font-mono);letter-spacing:-1.5px;line-height:1;color:var(--text-primary)}.metric-sub{font-size:11px;color:var(--text-muted);margin-top:8px;line-height:1.4}.nav-tabs{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid var(--border);padding-bottom:16px}.nav-tab{background:transparent;border:1px solid transparent;padding:12px 18px;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);min-width:180px}.nav-tab:hover{background:#ffffff08;border-color:var(--border)}.nav-tab.active{background:var(--bg-elevated);border-color:var(--border-active);box-shadow:inset 0 2px 0 0 var(--accent)}.nav-tab-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.nav-tab-desc{font-size:11px;color:var(--text-muted)}.tab-content{animation:fadeIn .3s ease}.lower-sections.single-view{display:block}.section{margin-bottom:28px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.section-icon{font-size:16px;opacity:.8}.section-badge{font-size:10px;font-weight:600;padding:4px 10px;border-radius:100px;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);letter-spacing:.3px}.heatmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.zone-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.zone-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px}.zone-card.safe:before{background:var(--safe)}.zone-card.busy:before{background:var(--warning)}.zone-card.overcrowded:before{background:var(--critical)}.zone-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.zone-card.selected{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-border)}.zone-card.overcrowded{border-color:var(--critical-border);animation:criticalPulse 3s ease-in-out infinite}.zone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.zone-name{font-size:13px;font-weight:600;color:var(--text-primary)}.zone-status-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:3px 8px;border-radius:100px}.zone-status-badge.safe{background:var(--safe-bg);color:var(--safe);border:1px solid var(--safe-border)}.zone-status-badge.busy{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.zone-status-badge.overcrowded{background:var(--critical-bg);color:var(--critical);border:1px solid var(--critical-border);animation:subtlePulse 3s ease-in-out infinite}.zone-percentage{font-size:38px;font-weight:900;font-family:var(--font-mono);letter-spacing:-2px;line-height:1;margin-bottom:12px}.zone-percentage.safe{color:var(--safe)}.zone-percentage.busy{color:var(--warning)}.zone-percentage.overcrowded{color:var(--critical)}.zone-percentage span{font-size:16px;font-weight:600;letter-spacing:0;opacity:.6}.zone-progress{width:100%;height:4px;background:#ffffff0a;border-radius:2px;overflow:hidden;margin-bottom:12px}.zone-progress-fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1),background-color .3s ease}.zone-progress-fill.safe{background:var(--safe)}.zone-progress-fill.busy{background:var(--warning)}.zone-progress-fill.overcrowded{background:var(--critical)}.zone-meta{display:flex;align-items:center;justify-content:space-between}.zone-count{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.zone-trend{font-size:11px;font-weight:600;display:flex;align-items:center;gap:3px}.zone-trend.rising{color:var(--critical)}.zone-trend.falling{color:var(--safe)}.zone-prediction{font-size:10px;color:var(--text-muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.lower-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gate-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.gate-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px}.gate-card.low:before{background:var(--safe)}.gate-card.medium:before{background:var(--warning)}.gate-card.high:before{background:var(--critical)}.gate-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.gate-card.selected{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-border)}.gate-card.fastest{border-color:var(--safe-border);box-shadow:0 0 20px #22c55e0f}.fastest-badge{position:absolute;top:10px;right:10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:100px;background:var(--safe-bg);color:var(--safe);border:1px solid var(--safe-border)}.gate-name{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.gate-wait{font-size:36px;font-weight:900;font-family:var(--font-mono);letter-spacing:-2px;line-height:1;margin-bottom:2px}.gate-wait.low{color:var(--safe)}.gate-wait.medium{color:var(--warning)}.gate-wait.high{color:var(--critical)}.gate-wait-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:14px}.gate-throughput{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);display:flex;align-items:center;gap:4px}.gate-recommendation{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--safe-bg);border:1px solid var(--safe-border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--safe)}.queue-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;padding-right:4px}.queue-item{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.queue-item:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-card)}.queue-icon{font-size:20px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-xs);flex-shrink:0;border:1px solid var(--border)}.queue-info{flex:1;min-width:0}.queue-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.queue-meta{display:flex;gap:14px;font-size:11px;color:var(--text-muted)}.queue-btn{padding:8px 16px;border:none;border-radius:var(--radius-xs);font-size:11px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all var(--transition);flex-shrink:0;letter-spacing:.2px}.queue-btn.join{background:var(--accent);color:#fff}.queue-btn.join:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.queue-btn.leave{background:var(--critical-bg);color:var(--critical);border:1px solid var(--critical-border)}.queue-btn.leave:hover{background:#ef444426}.queue-btn:active{transform:scale(.97)}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:200;animation:fadeIn .2s ease}.action-panel{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--bg-panel);border-left:1px solid var(--border);box-shadow:var(--shadow-panel);z-index:201;display:flex;flex-direction:column;animation:slideInPanel .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-title-group{display:flex;flex-direction:column;gap:4px}.panel-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.panel-title{font-size:18px;font-weight:700;color:var(--text-primary)}.panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all var(--transition-fast)}.panel-close:hover{background:#ffffff0f;border-color:var(--border-hover);color:var(--text-primary)}.panel-body{padding:20px 24px;flex:1}.panel-section{margin-bottom:24px}.panel-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px}.panel-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.panel-stat-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.panel-stat-value{font-size:20px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px;transition:color .3s ease-out}.panel-stat-value.safe{color:var(--safe)}.panel-stat-value.busy,.panel-stat-value.warning{color:var(--warning)}.panel-stat-value.overcrowded,.panel-stat-value.critical{color:var(--critical)}.panel-stat-value.neutral{color:var(--text-primary)}.panel-stat-value.low{color:var(--safe)}.panel-stat-value.medium{color:var(--warning)}.panel-stat-value.high{color:var(--critical)}.panel-actions-list{display:flex;flex-direction:column;gap:8px}.panel-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--transition);text-align:left}.panel-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translate(3px)}.panel-action-btn:active{transform:translate(1px)}.panel-action-btn .action-icon{font-size:16px;width:20px;text-align:center}.panel-action-btn .action-arrow{margin-left:auto;color:var(--text-dim);font-size:12px;transition:color var(--transition-fast)}.panel-action-btn:hover .action-arrow{color:var(--text-secondary)}.panel-action-btn.is-emergency{background:#ef44440a;border-color:#ef444426;color:#fca5a5}.panel-action-btn.is-emergency:hover{background:#ef444414;border-color:#ef44444d;transform:translate(3px);box-shadow:0 4px 12px #ef44441a}.panel-action-btn.is-emergency .action-arrow{color:#fca5a5;opacity:.7}.panel-activity-list{display:flex;flex-direction:column;gap:10px}.panel-activity-item{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-secondary);line-height:1.4}.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim);margin-top:5px;flex-shrink:0}.activity-time{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.alert-container{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column-reverse;gap:10px;max-width:400px}.alert-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 30px #0006;animation:slideUpToast .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;font-weight:500}.alert-toast.dismissing{animation:slideDownToast .25s ease forwards}.alert-toast-icon{font-size:18px;flex-shrink:0;margin-top:1px}.alert-toast-content{flex:1}.alert-toast-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.alert-toast-message{font-size:11px;color:var(--text-secondary);line-height:1.4}.alert-toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px;transition:color var(--transition-fast);flex-shrink:0}.alert-toast-close:hover{color:var(--text-primary)}.alert-toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--critical);border-radius:0 2px 0 0;animation:progressShrink 6s linear forwards}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent);animation:spin 1s ease-in-out infinite;margin-bottom:15px}.loading-text{font-size:14px;font-weight:500;color:var(--text-muted);letter-spacing:.5px}.loading-bar{width:160px;height:2px;background:#ffffff0a;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:var(--accent);border-radius:2px;animation:loadingSlide 1.2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes criticalPulse{0%,to{box-shadow:0 0 #ef444426}50%{box-shadow:0 0 16px 2px #ef444440}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInPanel{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownToast{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width: 1200px){.heatmap-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.metrics-row{grid-template-columns:repeat(2,1fr)}.lower-sections{grid-template-columns:1fr}.heatmap-grid{grid-template-columns:repeat(2,1fr)}.action-panel{width:340px}}@media (max-width: 768px){.top-bar{padding:0 16px}.dashboard-content{padding:16px}.metrics-row,.heatmap-grid,.gates-grid{grid-template-columns:repeat(2,1fr);gap:10px}.action-panel{width:100%}.top-bar-right .top-bar-item.hide-mobile{display:none}}@media (max-width: 480px){.metrics-row,.heatmap-grid,.gates-grid{grid-template-columns:1fr}}.system-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 28px;background:#12182199;border-bottom:1px solid var(--border);font-size:11px;font-weight:500;color:var(--text-muted);gap:12px;flex-wrap:wrap}.ss-left,.ss-right{display:flex;align-items:center;gap:6px}.ss-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;white-space:nowrap}.ss-divider{width:1px;height:14px;background:var(--border);margin:0 2px}.ss-dot{width:6px;height:6px;border-radius:50%}.ss-dot.safe{background:var(--safe)}.ss-dot.warning{background:var(--warning);animation:statusPulse 2s ease-in-out infinite}.ss-dot.critical{background:var(--critical);animation:statusPulse 1.5s ease-in-out infinite}.ss-state.safe{color:var(--safe)}.ss-state.warning{color:var(--warning)}.ss-state.critical{color:var(--critical)}.ss-icon{font-size:12px;opacity:.7}.ss-active{color:var(--safe);font-weight:600}.ss-recs{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-weight:600}.ss-scan{gap:5px}.ss-scan-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:scanPulse 1.5s ease-in-out infinite}.decision-bar{margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;opacity:.8;transition:opacity .3s ease}.decision-bar:hover,.decision-bar:focus-within{opacity:1}.decision-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.decision-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary)}.decision-icon{font-size:16px}.decision-count{font-size:10px;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.decision-list{display:flex;flex-direction:column}.decision-card{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);transition:background var(--transition),opacity var(--transition);position:relative}.decision-card:last-child{border-bottom:none}.decision-card:hover{background:#ffffff04}.decision-card.applied{opacity:.5;background:#22c55e08}.decision-priority-bar{width:3px;height:36px;border-radius:2px;flex-shrink:0}.decision-priority-bar.critical{background:var(--critical)}.decision-priority-bar.warning{background:var(--warning)}.decision-priority-bar.info{background:var(--accent)}.decision-content{flex:1;min-width:0}.decision-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.decision-rec-icon{font-size:14px}.decision-priority-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:2px 6px;border-radius:3px}.decision-priority-label.critical{background:var(--critical-bg);color:var(--critical)}.decision-priority-label.warning{background:var(--warning-bg);color:var(--warning)}.decision-priority-label.info{background:var(--accent-bg);color:var(--accent)}.decision-target{font-size:11px;color:var(--text-muted);font-weight:500}.decision-action{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:2px;line-height:1.3}.decision-reason{font-size:10px;color:var(--text-muted);line-height:1.3}.decision-apply-btn{padding:7px 16px;border:1px solid var(--accent-border);border-radius:var(--radius-xs);background:var(--accent-bg);color:var(--accent);font-size:11px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all var(--transition);flex-shrink:0;min-width:72px;text-align:center}.decision-apply-btn:hover:not(:disabled){background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.decision-apply-btn:active:not(:disabled){transform:scale(.97)}.decision-apply-btn:disabled{cursor:default}.decision-apply-btn.loading{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning)}.decision-apply-btn.applied{border-color:var(--safe-border);background:var(--safe-bg);color:var(--safe)}.apply-spinner{display:inline-block;animation:spin .8s linear infinite}.apply-check{font-weight:700}.panel-action-btn.is-loading{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning);pointer-events:none}.panel-action-btn.is-loading .action-icon{animation:spin .8s linear infinite;display:inline-block}.panel-action-btn.is-applied{border-color:var(--safe-border);background:var(--safe-bg);color:var(--safe);pointer-events:none}.panel-action-btn.is-applied .action-arrow{display:none}.alert-toast.success{border-color:var(--safe);box-shadow:0 0 15px #22c55e1a,0 8px 30px #0006}.alert-toast.success .alert-toast-progress{background:var(--safe)}.alert-toast.critical{border-color:var(--critical);box-shadow:0 0 15px #ef444426,0 8px 30px #0006}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@media (max-width: 768px){.system-status-bar{padding:6px 16px;font-size:10px}.ss-divider,.ss-item.hide-mobile{display:none}.decision-card{flex-wrap:wrap;gap:10px}.decision-apply-btn{width:100%;margin-top:4px}}