:root{--bg-base:#0b1120;--bg-surface:#111827;--bg-card:#1f2937;--bg-card-hover:#263244;--bg-elevated:#374151;--bg-input:#0f1729;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#111827;--accent-primary:#10b981;--accent-primary-dim:#10b98126;--accent-primary-glow:#10b9814d;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f626;--accent-yellow:#f59e0b;--accent-yellow-dim:#f59e0b26;--accent-red:#ef4444;--accent-red-dim:#ef444426;--accent-orange:#f97316;--accent-orange-dim:#f9731626;--accent-purple:#8b5cf6;--accent-purple-dim:#8b5cf626;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow-green:0 0 20px #10b98126;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);width:100%;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-primary-dim);color:var(--text-primary)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);width:260px;padding:var(--space-2xl) var(--space-lg);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top-row{margin-bottom:var(--space-3xl);justify-content:space-between;align-items:center;display:flex}.sidebar-close-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.sidebar-close-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-logo{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);display:flex}.logo-icon{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text-group{flex-direction:column;display:flex}.logo-text{color:var(--text-primary);letter-spacing:.5px;font-size:.9375rem;font-weight:800}.logo-version{color:var(--text-muted);font-size:.625rem;font-weight:500}.nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-md);margin-bottom:var(--space-sm);font-size:.625rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item:hover .nav-icon-wrapper{background:#ffffff0f}.nav-item.active{background:var(--accent-primary-dim);color:var(--accent-primary)}.nav-item.active .nav-icon-wrapper{color:var(--accent-primary);background:#10b98133}.nav-item.active:before{content:"";background:var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:24px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.nav-icon-wrapper{border-radius:var(--radius-sm);width:32px;height:32px;transition:background var(--transition-fast);background:#ffffff08;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label{flex:1}.nav-badge{background:var(--accent-red);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;padding:2px 7px;font-size:.625rem;font-weight:700;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar-footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-lg);margin-top:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.system-status{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);background:#10b9810d;border:1px solid #10b9811a;display:flex}.status-indicator{justify-content:center;align-items:center;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.green{background:var(--accent-primary);animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #10b98180}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.status-info{flex-direction:column;gap:1px;display:flex}.status-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.625rem}.status-value{color:var(--accent-primary);font-size:.75rem;font-weight:600}.sensor-count{color:var(--text-secondary);align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);flex-wrap:wrap;font-size:.6875rem;display:flex}.sensor-bar{background:var(--bg-card);border-radius:var(--radius-full);width:100%;height:3px;margin-top:var(--space-xs);overflow:hidden}.sensor-bar-fill{background:linear-gradient(90deg, var(--accent-primary), #34d399);border-radius:var(--radius-full);height:100%;transition:width 1s}@media (width<=768px){.sidebar{z-index:100;transition:transform var(--transition-base);box-shadow:none;width:280px;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-close-btn{display:flex}}.header{padding:var(--space-lg) var(--space-2xl);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:10;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-md);display:flex}.header-left-text{flex-direction:column;gap:2px;display:flex}.menu-toggle-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.menu-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-default)}.header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1rem;font-weight:700}.header-subtitle{color:var(--text-muted);font-size:.6875rem;font-weight:400}.header-center{align-items:center;gap:var(--space-sm);padding:6px var(--space-lg);background:var(--accent-primary-dim);border-radius:var(--radius-full);border:1px solid #10b98126;display:flex}.live-dot{background:var(--accent-primary);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite headerLivePulse}@keyframes headerLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-text{color:var(--accent-primary);letter-spacing:.05em;font-size:.6875rem;font-weight:700}.header-right{align-items:center;gap:var(--space-xl);display:flex}.header-time{text-align:right}.time-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.5625rem}.time-value{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);font-weight:500}.header-status-buttons{gap:var(--space-sm);display:flex}.status-btn{border-radius:var(--radius-md);letter-spacing:.03em;cursor:pointer;transition:all var(--transition-fast);border:1px solid;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:700;display:flex}.status-btn-normal{background:var(--accent-primary-dim);color:var(--accent-primary);border-color:#10b9814d}.status-btn-normal:hover{background:#10b98140;box-shadow:0 0 12px #10b98133}.status-btn-normal.active{border-color:var(--accent-primary);background:#10b9814d;box-shadow:0 0 16px #10b98166}.status-btn-warning{background:var(--accent-yellow-dim);color:var(--accent-yellow);border-color:#f59e0b4d}.status-btn-warning:hover{background:#f59e0b40;box-shadow:0 0 12px #f59e0b33}.status-btn-warning.active{border-color:var(--accent-yellow);background:#f59e0b4d;box-shadow:0 0 16px #f59e0b66}.status-btn-critical{background:var(--accent-red-dim);color:var(--accent-red);border-color:#ef44444d}.status-btn-critical:hover{background:#ef444440;box-shadow:0 0 12px #ef444433}.status-btn-critical.active{border-color:var(--accent-red);background:#ef44444d;box-shadow:0 0 16px #ef444466}@media (width<=768px){.header{padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.menu-toggle-btn{display:flex}.header-title{font-size:.8125rem}.header-subtitle{display:none}.header-center{padding:4px var(--space-md)}.live-text{font-size:.5625rem}.header-time{display:none}.header-right{gap:var(--space-sm)}.header-status-buttons{display:none}}.app-layout{background:var(--bg-base);width:100%;min-height:100vh;display:flex;overflow-x:hidden}.app-main{flex-direction:column;flex:1;width:100%;min-width:0;max-height:100vh;display:flex;overflow:hidden auto}.app-content{padding:var(--space-2xl);gap:var(--space-2xl);box-sizing:border-box;background:var(--bg-base);flex-direction:column;flex:1;width:100%;animation:.3s ease-out fadeIn;display:flex;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none}@media (width<=768px){.app-content{padding:var(--space-md);gap:var(--space-lg)}.sidebar-overlay{z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:block;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}}@media (width<=640px){.app-content{padding:var(--space-sm);gap:var(--space-md)}}.module-health-section{margin-bottom:var(--space-2xl)}.module-health-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.module-health-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);align-items:center;gap:var(--space-md);transition:all var(--transition-fast);display:flex}.module-health-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.module-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.module-icon.green{background:var(--accent-primary-dim);color:var(--accent-primary)}.module-icon.blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.module-icon.orange{background:var(--accent-orange-dim);color:var(--accent-orange)}.module-name{color:var(--text-primary);flex:1;font-size:.875rem;font-weight:600}.module-status{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.05em;padding:4px 12px;font-size:.6875rem;font-weight:700}.module-status.status-normal{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid var(--accent-primary)}.module-status.status-warning{background:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid var(--accent-yellow)}.module-status.status-critical{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red)}@media (width<=1200px){.module-health-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.module-health-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.module-health-card{padding:var(--space-md) var(--space-lg)}.module-name{font-size:.8125rem}.module-status{padding:3px 10px;font-size:.625rem}}@media (width<=640px){.module-health-grid{gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.module-health-card{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.module-icon{width:28px;height:28px}.module-name{font-size:.6875rem}.module-status{padding:2px 6px;font-size:.5625rem}}.metric-grid-section{margin-bottom:var(--space-2xl)}.metric-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.metric-icon.cyan{color:#06b6d4;background:#06b6d426}.metric-value{color:var(--text-primary);letter-spacing:-.02em;text-align:center;margin-top:auto;font-size:2rem;font-weight:700}.metric-status{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.05em;margin-top:auto;padding:6px 16px;font-size:.6875rem;font-weight:700}.metric-status.status-normal{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid var(--accent-primary);box-shadow:0 0 12px #10b98133}.metric-status.status-warning{background:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid var(--accent-yellow);box-shadow:0 0 12px #f59e0b33}.metric-status.status-critical{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red);box-shadow:0 0 12px #ef444433}.metric-status.status-low,.metric-status.status-stable,.metric-status.status-good{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid var(--accent-primary);box-shadow:0 0 12px #10b98133}@media (width<=1400px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.metric-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.metric-card{min-height:180px;padding:var(--space-xl) var(--space-lg)}.metric-label{font-size:.8125rem}.metric-value{font-size:1.75rem}}@media (width<=768px){.metric-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.metric-card{min-height:160px;padding:var(--space-lg) var(--space-md)}.metric-icon{width:40px;height:40px}.metric-label{font-size:.8125rem}.metric-value{font-size:1.5rem}.metric-unit{font-size:.75rem}.metric-status{padding:4px 12px;font-size:.625rem}}@media (width<=640px){.metric-grid{gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.metric-card{min-height:80px;padding:var(--space-xs) var(--space-sm)}.metric-icon{width:24px;height:24px}.metric-label{font-size:.625rem}.metric-value{font-size:1.125rem}.metric-unit{font-size:.625rem}.metric-status{padding:2px 6px;font-size:.5625rem}}@media (width<=375px){.metric-card{min-height:75px;padding:var(--space-xs)}.metric-label{font-size:.5625rem}.metric-value{font-size:1rem}}.active-alerts-section{margin-bottom:var(--space-2xl)}.active-alerts-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.active-alerts-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.view-all-link{align-items:center;gap:var(--space-xs);color:var(--accent-blue);transition:all var(--transition-fast);font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.view-all-link:hover{color:var(--text-primary);transform:translate(4px)}.active-alerts-list{gap:var(--space-md);flex-direction:column;display:flex}.alert-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);transition:all var(--transition-fast);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.alert-row:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translate(4px)}.alert-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert-row.alert-warning .alert-icon{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.alert-row.alert-kritis .alert-icon,.alert-row.alert-critical .alert-icon{background:var(--accent-red-dim);color:var(--accent-red)}.alert-row.alert-normal .alert-icon{background:var(--accent-primary-dim);color:var(--accent-primary)}.alert-content{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.alert-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4}.alert-description{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.alert-meta{gap:var(--space-xs);text-align:right;flex-direction:column;align-items:flex-end;display:flex}.alert-source{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.alert-time{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.alert-badge{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.05em;white-space:nowrap;padding:6px 14px;font-size:.6875rem;font-weight:700}.alert-badge.badge-warning{background:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid var(--accent-yellow);box-shadow:0 0 12px #f59e0b33}.alert-badge.badge-kritis,.alert-badge.badge-critical{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red);box-shadow:0 0 12px #ef444433}.alert-badge.badge-normal{background:var(--accent-primary-dim);color:var(--accent-primary);border:1px solid var(--accent-primary);box-shadow:0 0 12px #10b98133}@media (width<=1024px){.alert-row{gap:var(--space-md);padding:var(--space-lg);grid-template-columns:auto 1fr auto}.alert-meta{text-align:left;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-xs);flex-direction:row;grid-column:2/3}.alert-badge{grid-area:1/3/2/4}.alert-title{font-size:.875rem}.alert-description{font-size:.75rem}}@media (width<=768px){.active-alerts-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.active-alerts-title{font-size:1.125rem}.alert-row{padding:var(--space-md);gap:var(--space-md);grid-template-columns:auto 1fr}.alert-icon{width:36px;height:36px}.alert-title{font-size:.875rem}.alert-description,.alert-source{font-size:.75rem}.alert-time{font-size:.6875rem}.alert-meta{margin-top:var(--space-sm)}.alert-badge{grid-area:2/2/3/3;justify-self:end;padding:4px 10px;font-size:.625rem}}@media (width<=640px){.active-alerts-section{padding:var(--space-md)}.active-alerts-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.alert-row{padding:var(--space-sm);gap:var(--space-sm);grid-template-columns:auto 1fr}.alert-icon{width:28px;height:28px}.alert-title{font-size:.75rem}.alert-description{font-size:.625rem}.alert-meta{margin-top:var(--space-xs);font-size:.625rem}.alert-badge{grid-area:2/2/3/3;justify-self:end;padding:3px 8px;font-size:.625rem}}.production-container{--color-primary:#1e40af;--color-on-primary:#fff;--color-secondary:#3b82f6;--color-accent:#d97706;--color-destructive:#dc2626;--color-success:#10b981;--color-bg-base:#050810;--color-bg-surface:#ffffff08;--color-bg-hover:#ffffff0d;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#ffffff73;--glow-data:0 0 10px #3b82f659;--glow-accent:0 0 10px #d9770666;--glow-alert:0 0 10px #dc262673;--transition:all .2s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;background:0 0;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:16px;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.production-container *{box-sizing:border-box}.production-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.production-header h1{color:#fff;margin-bottom:8px;font-size:1.75rem;font-weight:600;line-height:1.2}.production-header p{color:#ffffffa6;font-size:.875rem;line-height:1.5}.realtime-badge{color:var(--color-success);white-space:nowrap;background:#10b9811f;border:1px solid #10b98140;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.realtime-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-cards-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.status-card{background:var(--color-bg-surface);border:1px solid var(--color-border);transition:var(--transition);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:auto;padding:10px 12px;display:flex}.status-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-hover);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.status-card:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.status-card.status-normal{background:#10b9810d;border-color:#10b9814d}.status-card.status-watch{background:#d977060f;border-color:#d9770659}.status-icon-check{color:var(--color-success);filter:drop-shadow(0 0 8px #10b98180);flex-shrink:0;width:20px;height:20px}.status-icon-warning{color:var(--color-accent);width:20px;height:20px;filter:drop-shadow(var(--glow-accent));flex-shrink:0}.status-card-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.status-card-label{color:#ffffffd9;font-size:.8125rem;font-weight:600;line-height:1.2}.status-card-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;width:fit-content;padding:3px 8px;font-size:.6875rem;font-weight:600}.badge-watch{color:var(--color-accent);background:#d977062e;border:1px solid #d9770659}.metrics-grid-2col{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.production-metric-card{background:var(--color-bg-surface);border:1px solid var(--color-border);min-height:auto;transition:var(--transition);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.production-metric-card:hover{border-color:var(--color-secondary);background:var(--color-bg-hover);box-shadow:0 4px 16px #0006, var(--glow-data);transform:translateY(-2px)}.production-metric-card:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.production-metric-card .metric-icon{width:24px;height:24px;color:var(--color-secondary);filter:drop-shadow(var(--glow-data));flex-shrink:0;justify-content:center;align-items:center;display:flex}.production-metric-card .metric-content{flex-direction:column;flex:1;gap:2px;display:flex}.production-metric-card .metric-row{flex-direction:column;gap:4px;display:flex}.production-metric-card .metric-source{color:#ffffff59;font-size:.6875rem;line-height:1.3}.metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600;line-height:1.2}.production-metric-card.metric-alert{background:#ef444408;border-color:#ef44444d}.production-metric-card.metric-alert .metric-value-alert{font-weight:700;color:var(--color-destructive)!important}.production-metric-card.metric-watch{background:#d9770608;border-color:#d977064d}.production-metric-card.metric-watch .metric-value-watch{font-weight:700;color:var(--color-accent)!important}.metric-card-wide{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:all var(--transition-fast);grid-column:1/-1;display:flex}.metric-card-wide.metric-watch{background:#d9770608;border-color:#d977064d}.metric-icon{border-radius:var(--radius-md);background:var(--accent-blue-dim);width:48px;height:48px;color:var(--accent-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.metric-icon-alert{border-radius:var(--radius-md);background:var(--accent-red-dim);width:48px;height:48px;color:var(--accent-red);flex-shrink:0;justify-content:center;align-items:center;display:flex}.metric-icon-watch{border-radius:var(--radius-md);background:var(--accent-yellow-dim);width:48px;height:48px;color:var(--accent-yellow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.metric-content{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.metric-value{color:var(--color-text-primary);letter-spacing:-.02em;text-shadow:0 0 10px #ffffff14;font-family:Fira Code,Courier New,monospace;font-size:1.75rem;font-weight:700;line-height:1.1}.metric-value-alert{color:var(--color-destructive);text-shadow:var(--glow-alert);font-family:Fira Code,Courier New,monospace;font-size:1.5rem;font-weight:700;line-height:1.1}.metric-value-watch{color:var(--color-accent);letter-spacing:-.01em;text-shadow:var(--glow-accent);font-family:Fira Code,Courier New,monospace;font-size:1.75rem;font-weight:700;line-height:1.1}.metric-unit{color:var(--color-text-secondary);margin-left:4px;font-size:.875rem;font-weight:500}.section-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px}.section-header{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff14;margin-bottom:16px;padding-bottom:12px;font-size:.75rem;font-weight:700}.station-table-wrapper{overflow-x:auto}.station-table{border-collapse:collapse;width:100%}.station-table thead th{text-align:left;padding:var(--space-md);border-bottom:1px solid var(--border-default);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.station-table tbody td{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:.875rem}.station-table tbody tr:hover{background:#ffffff05}.station-name{font-weight:600}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.health-dot.stable,.health-dot.normal{background:var(--accent-primary);box-shadow:0 0 8px #10b98180}.health-dot.watch{background:var(--accent-yellow);box-shadow:0 0 8px #d9770680}.status-badge.status-watch{color:var(--accent-yellow);background:#d9770626}.charts-row{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}.chart-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.chart-header{margin-bottom:16px}.chart-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.75rem;font-weight:700}.chart-badges{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chart-badge{border-radius:var(--radius-sm);padding:4px 10px;font-size:.6875rem;font-weight:600}.badge-blue{color:var(--accent-blue);background:#3b82f626}.badge-green{color:var(--accent-primary);background:#10b98126}.chart-content{margin-top:var(--space-lg)}.chart-svg{width:100%;height:auto}.chart-legend{gap:var(--space-xl);margin-top:var(--space-lg);color:var(--text-secondary);justify-content:center;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:var(--space-sm);display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.blue{background:var(--color-secondary)}.legend-dot.orange{background:var(--color-accent)}.subsection-grid,.subsection-grid-6{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.subsection-metric{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;min-height:85px;padding:14px;transition:all .2s;display:flex}.subsection-metric:hover{background:#ffffff0a;border-color:#ffffff1f}.subsection-metric.subsection-watch{background:#d9770608;border-color:#d977064d}.subsection-icon{color:var(--accent-blue);flex-shrink:0}.subsection-icon-green{color:var(--accent-primary);flex-shrink:0}.subsection-icon-watch{color:var(--accent-yellow);flex-shrink:0}.subsection-content{flex:1;min-width:0}.subsection-label{color:#ffffffa6;margin-bottom:6px;font-size:.6875rem;line-height:1.3}.subsection-value{color:#fff;font-family:Fira Code,Courier New,monospace;font-size:1.125rem;font-weight:600}.subsection-value-green{color:var(--color-success);font-family:Fira Code,Courier New,monospace;font-size:1.125rem;font-weight:600}.subsection-value-watch{color:var(--color-accent);font-family:Fira Code,Courier New,monospace;font-size:1.125rem;font-weight:700}.subsection-unit{color:#ffffff8c;margin-left:3px;font-size:.75rem;font-weight:400}.subsection-source{color:#ffffff59;margin-top:4px;font-size:.625rem;line-height:1.3}.sensor-health-footer{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.sensor-health-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff14;margin-bottom:16px;padding-bottom:12px;font-size:.75rem;font-weight:700}.sensor-health-cards{grid-template-columns:1fr;gap:12px;display:grid}.sensor-health-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;min-height:72px;padding:14px;transition:all .2s;display:flex}.sensor-health-card.sensor-online{border-color:#10b98133}.sensor-health-card.sensor-offline{border-color:#ef444433}.sensor-health-card.sensor-time{border-color:#3b82f633}.sensor-health-icon{flex-shrink:0}.sensor-online .sensor-health-icon{color:var(--accent-primary)}.sensor-offline .sensor-health-icon{color:var(--accent-red)}.sensor-time .sensor-health-icon{color:var(--accent-blue)}.sensor-health-content{flex:1}.sensor-health-label{color:var(--text-secondary);margin-bottom:4px;font-size:.6875rem}.sensor-health-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}@media (width>=640px){.production-container{padding:24px}.production-header h1{font-size:2rem}.status-cards-row,.metrics-grid-2col{grid-template-columns:repeat(3,1fr);gap:16px}.metric-value{font-size:1.75rem}}@media (width>=1024px){.production-container{padding:32px}.production-header{margin-bottom:32px}.production-header h1{font-size:2.25rem}.status-cards-row{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:32px}.metrics-grid-2col{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.production-metric-card{min-height:auto;padding:12px 14px}.production-metric-card .metric-icon{width:28px;height:28px}.metric-value{font-size:1.875rem}.charts-row{grid-template-columns:repeat(2,1fr);gap:24px}.subsection-grid{grid-template-columns:repeat(4,1fr);gap:16px}.subsection-grid-6,.sensor-health-cards{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=1440px){.production-container{padding:40px}.metrics-grid-2col,.status-cards-row{gap:24px}}.cpo-container{max-width:1600px;padding:var(--space-2xl);box-sizing:border-box;width:100%;margin:0 auto;overflow-x:hidden}.cpo-container *{box-sizing:border-box}.cpo-header{margin-bottom:var(--space-3xl);justify-content:space-between;align-items:flex-start;display:flex}.cpo-header h1{color:var(--text-primary);margin:0 0 var(--space-xs) 0;font-size:2rem;font-weight:600}.cpo-header p{color:var(--text-secondary);margin:0;font-size:.875rem}.realtime-badge{color:var(--status-success);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);align-items:center;gap:var(--space-xs);background:#10b9811a;font-size:.75rem;font-weight:500;display:flex}.realtime-badge:before{content:"";background:var(--status-success);border-radius:50%;width:8px;height:8px;display:inline-block}.status-cards-row{gap:var(--space-lg);margin-bottom:var(--space-3xl);grid-template-columns:repeat(5,1fr);display:grid}.status-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:center;gap:var(--space-md);transition:all var(--transition-fast);display:flex}.status-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-icon-normal{color:var(--primary);flex-shrink:0}.status-icon-alert{color:var(--status-error);flex-shrink:0}.status-card-content{flex:1;min-width:0}.status-card-label{color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem}.status-card-badge{border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:500;display:inline-block}.badge-running,.badge-active{color:var(--primary);background:#3b82f61a}.metrics-grid{gap:var(--space-lg);margin-bottom:var(--space-3xl);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);align-items:center;gap:var(--space-md);transition:all var(--transition-fast);flex-direction:column;min-height:200px;display:flex;position:relative}.metric-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card-watch{background:#f59e0b08;border-color:#f59e0b4d}.metric-card-alert{background:#ef444408;border-color:#ef44444d}.metric-icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-xs);justify-content:center;align-items:center;display:flex}.metric-icon-blue{color:var(--primary);background:#3b82f61a}.metric-icon-green{color:var(--status-success);background:#10b9811a}.metric-icon-purple{color:#a855f7;background:#a855f71a}.metric-icon-orange{color:#f97316;background:#f973161a}.metric-icon-watch{color:var(--status-warning);background:#f59e0b1a}.metric-icon-alert{color:var(--status-error);background:#ef44441a}.metric-label{color:var(--text-muted);text-align:center;font-size:.875rem;font-weight:500;line-height:1.3}.metric-value{color:var(--text-primary);letter-spacing:-.02em;text-align:center;margin-top:auto;font-size:2rem;font-weight:700;transition:all .5s}.metric-value-watch{color:var(--status-warning);font-size:1.125rem;font-weight:600}.metric-value-alert{color:var(--status-error);font-size:1.125rem;font-weight:600}.metric-source{color:var(--text-tertiary);font-size:.625rem}.section-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-2xl);transition:all var(--transition-fast)}.section-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.section-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:.875rem;font-weight:600;display:flex}.section-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.section-source{color:var(--primary);text-transform:none;letter-spacing:0;margin-left:auto;font-size:.625rem;font-weight:400}.tank-table-wrapper{overflow-x:auto}.tank-table{border-collapse:collapse;width:100%}.tank-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-card);font-size:.625rem;font-weight:600}.tank-table td{padding:var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:.75rem}.tank-table tbody tr:last-child td{border-bottom:none}.level-bar-container{border-radius:var(--radius-sm);background:#94a3b81a;width:100%;height:24px;position:relative;overflow:hidden}.level-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .3s;position:absolute;top:0;left:0}.level-bar-text{color:var(--text-primary);z-index:1;font-size:.6875rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:500;display:inline-block}.badge-normal{color:var(--status-success);background:#10b9811a}.badge-alert{color:var(--status-error);background:#ef44441a}.badge-loading{color:#a855f7;background:#a855f71a}.badge-running{color:var(--status-success);background:#10b9811a}.badge-idle{color:var(--text-secondary);background:#94a3b81a}.badge-closed{color:var(--status-error);background:#ef44441a}.dispatch-grid{gap:var(--space-2xl);grid-template-columns:1fr 1.5fr;display:grid}.dispatch-event{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);background:#3b82f608}.event-badge{color:#a855f7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-lg);background:#a855f71a;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:600;display:inline-block}.event-details{gap:var(--space-md);flex-direction:column;display:flex}.event-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.event-row:last-child{border-bottom:none}.event-label{color:var(--text-secondary);font-size:.6875rem}.event-value{color:var(--text-primary);font-size:.75rem;font-weight:500}.event-value-green{color:var(--status-success);font-weight:600}.dispatch-chart{position:relative}.chart-title{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.75rem;font-weight:500}.trend-chart{width:100%;height:auto}.reconciliation-grid{gap:var(--space-2xl);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}.recon-calc{gap:var(--space-sm);flex-direction:column;display:flex}.recon-row{padding:var(--space-sm) 0;color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.recon-value{font-weight:500}.recon-expected,.recon-actual{font-weight:600}.recon-variance{color:var(--status-warning);font-weight:600}.recon-chart{max-height:240px;position:relative}.chart-subtitle{color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.625rem;line-height:1.4}.bar-chart{width:100%;height:auto;max-height:200px}.lab-table-wrapper{overflow-x:auto}.lab-table{border-collapse:collapse;width:100%}.lab-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-card);font-size:.625rem;font-weight:600}.lab-table td{padding:var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:.75rem}.lab-table tbody tr:last-child td{border-bottom:none}.pump-table-wrapper{overflow-x:auto}.pump-table{border-collapse:collapse;width:100%}.pump-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-card);font-size:.625rem;font-weight:600}.pump-table td{padding:var(--space-md);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:.75rem}.pump-table tbody tr:last-child td{border-bottom:none}.sensor-health-footer{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-top:var(--space-3xl);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.sensor-health-footer:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.sensor-health-title{align-items:center;gap:var(--space-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600;display:flex}.sensor-health-icon-green{color:var(--status-success)}.sensor-health-icon-red{color:var(--status-error)}.sensor-health-icon-blue{color:var(--primary)}.sensor-health-cards{gap:var(--space-2xl);display:flex}.sensor-health-card{align-items:center;gap:var(--space-sm);display:flex}.sensor-health-content{flex-direction:column;gap:2px;display:flex}.sensor-health-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.625rem}.sensor-health-value{color:var(--text-primary);background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:600}.sensor-health-value-red{background:var(--status-error);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sensor-health-value-green{color:var(--status-success);-webkit-text-fill-color:var(--status-success);background:0 0}@media (width<=1024px){.status-cards-row{grid-template-columns:repeat(3,1fr)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dispatch-grid,.reconciliation-grid{grid-template-columns:1fr}}@media (width<=768px){.cpo-container{padding:var(--space-lg)}.status-cards-row,.metrics-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.metric-card{padding:var(--space-md)}.metric-label{font-size:.5625rem}.metric-value{font-size:1.125rem}.section-card{padding:var(--space-lg)}}@media (width<=640px){.cpo-container{padding:var(--space-sm)}.cpo-header{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column}.cpo-header h1{font-size:1.125rem}.cpo-header p{font-size:.6875rem}.status-cards-row{gap:var(--space-sm);grid-template-columns:1fr}.status-card{padding:var(--space-sm)}.status-card-label,.status-card-badge{font-size:.5625rem}.metrics-grid{gap:var(--space-sm);grid-template-columns:1fr}.metric-card{padding:var(--space-md)}.metric-label{font-size:.5625rem}.metric-value{font-size:1rem}.metric-unit{font-size:.6875rem}.metric-icon{width:32px;height:32px}.metric-icon svg{width:16px;height:16px}.section-card{padding:var(--space-md);margin-bottom:var(--space-2xl)}.section-header{margin-bottom:var(--space-lg);font-size:.6875rem}.section-number{width:24px;height:24px;font-size:.625rem}.section-source{font-size:.5625rem}.tank-table th,.lab-table th,.pump-table th{padding:var(--space-xs) var(--space-sm);font-size:.5625rem}.tank-table td,.lab-table td,.pump-table td{padding:var(--space-sm);font-size:.625rem}.level-bar-container{height:20px}.level-bar-text{font-size:.5625rem}.badge{padding:2px 6px;font-size:.5625rem}.dispatch-grid,.reconciliation-grid{gap:var(--space-lg)}.event-badge{padding:2px 6px;font-size:.5625rem}.event-label,.event-value,.chart-title,.recon-row{font-size:.625rem}.chart-subtitle{font-size:.5625rem}.sensor-health-footer{gap:var(--space-lg);padding:var(--space-md);flex-direction:column}.sensor-health-title{font-size:.625rem}.sensor-health-cards{gap:var(--space-md);flex-direction:column;width:100%}.sensor-health-label{font-size:.5625rem}.sensor-health-value{font-size:.75rem}}.us-container{--bg-page:transparent;--bg-card:#131b2e;--bg-card-hover:#1a2340;--border:#ffffff0f;--border-strong:#ffffff1f;--c-text:#fff;--c-text-2:#8b92a8;--c-text-3:#5a6278;--c-green:#0f8;--c-blue:#4d9fff;--c-orange:#ff9d00;--c-red:#ff4d6a;--c-purple:#8b5cf6;--c-yellow:gold;color:var(--c-text);background:0 0;width:100%;font-family:Fira Sans,-apple-system,sans-serif}.us-container *{box-sizing:border-box}.us-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.us-title{color:var(--c-text);margin:0 0 4px;font-size:1.5rem;font-weight:600}.us-subtitle{color:var(--c-text-2);margin:0;font-size:.8125rem}.us-realtime-badge{color:var(--c-green);background:#00ff881a;border:1px solid #00ff884d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.us-dot{background:var(--c-green);width:8px;height:8px;box-shadow:0 0 8px var(--c-green);border-radius:50%;animation:2s ease-in-out infinite pulse}.us-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.us-tab{color:var(--c-text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s}.us-tab:hover{color:var(--c-text)}.us-tab.active{color:var(--c-green);border-bottom-color:var(--c-green)}.us-cards-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.us-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;transition:all .2s}.us-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.us-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.us-card-icon{background:#ffffff0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.us-card-title{color:var(--c-text-2);letter-spacing:.05em;text-transform:uppercase;flex:1;font-size:.6875rem;font-weight:600}.us-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:3px 7px;font-size:.5625rem;font-weight:700}.badge-normal{color:var(--c-green);background:#00ff881f;border:1px solid #00ff8840}.badge-active{color:var(--c-green);background:#00ff882e;border:1px solid #00ff8859}.badge-watch,.badge-warning{color:var(--c-orange);background:#ff9d001f;border:1px solid #ff9d004d}.badge-critical{color:var(--c-red);background:#ff4d6a1f;border:1px solid #ff4d6a4d}.us-card-metrics{flex-direction:column;gap:8px;display:flex}.us-metric-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.us-metric-info{flex:1;min-width:0}.us-metric-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.625rem}.us-metric-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:.9375rem;font-weight:700;line-height:1.1}.us-metric-unit{color:var(--c-text-2);margin-left:2px;font-size:.6875rem;font-weight:500}.sparkline{flex-shrink:0;width:50px;height:22px}.us-charts-row{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.us-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.us-panel-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex}.us-panel-title{color:var(--c-text);font-size:.8125rem;font-weight:600}.us-chart-section{margin-bottom:12px}.us-chart-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.625rem}.line-chart{width:100%;height:60px}.us-panel-metrics{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:12px;display:grid}.us-pm-item{align-items:center;gap:6px;display:flex}.us-pm-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.03em;font-size:.5625rem;line-height:1.2}.us-pm-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:.75rem;font-weight:700}.us-pm-value.normal{color:var(--c-green)}.us-gauges-row{justify-content:space-around;gap:12px;padding:8px 0 28px;display:flex}.circle-gauge{justify-content:center;align-items:center;display:flex;position:relative}.circle-gauge svg{width:100%;height:100%}.gauge-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:.9375rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-label{color:var(--c-text-2);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.5625rem;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.sp-charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.sp-chart-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:16px}.sp-chart-label{color:var(--c-text-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;font-size:.6875rem;font-weight:600}.sp-bottom-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.sp-bm-item{border:1px solid var(--border);text-align:center;background:#ffffff08;border-radius:6px;padding:12px}.sp-bm-label{color:var(--c-text-2);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.625rem}.sp-bm-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:1.25rem;font-weight:700}.sp-bm-unit{color:var(--c-text-2);margin-left:2px;font-size:.75rem}.sp-bm-badge{letter-spacing:.05em;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:700}.sp-gauges-row{grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0;display:grid}.sp-gauge-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:20px;display:flex}.sp-gauge-badge{letter-spacing:.05em;border-radius:4px;margin-top:12px;padding:4px 10px;font-size:.625rem;font-weight:700}.sp-gauge-value{color:var(--c-text);margin-top:12px;font-family:Fira Code,monospace;font-size:1.5rem;font-weight:700}.sp-gauge-unit{color:var(--c-text-2);margin-left:4px;font-size:.875rem}.sp-gauge-label{color:var(--c-text-2);text-align:center;text-transform:uppercase;letter-spacing:.03em;margin-top:8px;font-size:.6875rem}.sp-gauge-status{flex-direction:column;align-items:center;gap:12px;display:flex}.us-grid-3{grid-template-columns:1fr 1fr 1fr}.us-env-status{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.us-env-bar{background:linear-gradient(90deg, var(--c-green) 0%, var(--c-orange) 60%, var(--c-red) 100%);border-radius:6px;height:12px;margin-bottom:6px;position:relative}.us-env-indicator{border:2px solid var(--bg-card);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffff80}.us-env-labels{letter-spacing:.05em;justify-content:space-between;font-size:.5625rem;font-weight:700;display:flex}.env-good{color:var(--c-green)}.env-watch{color:var(--c-orange)}.env-poor{color:var(--c-red)}.us-bottom-row{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.us-table{border-collapse:collapse;width:100%;font-size:.75rem}.us-table thead th{text-align:left;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:8px 10px;font-size:.625rem;font-weight:600}.us-table tbody td{border-bottom:1px solid var(--border);color:var(--c-text);padding:12px 10px}.us-table tbody tr:last-child td{border-bottom:none}.us-table tbody tr:hover{background:#ffffff05}.us-eq-cell{align-items:center;gap:8px;font-weight:500;display:flex}.us-mono{font-family:Fira Code,monospace;font-size:.75rem}.us-vib-cell{align-items:center;gap:6px;display:flex}.us-vib-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.vib-normal{background:var(--c-green);box-shadow:0 0 6px var(--c-green)}.vib-watch{background:var(--c-orange);box-shadow:0 0 6px var(--c-orange)}.vib-critical{background:var(--c-red);box-shadow:0 0 6px var(--c-red)}.us-alerts-list{flex-direction:column;gap:10px;display:flex}.us-alert{border:1px solid var(--border);background:#ffffff05;border-left-width:3px;border-radius:8px;padding:10px 12px;transition:all .2s}.us-alert:hover{background:#ffffff0a}.alert-warning{border-left-color:var(--c-orange)}.alert-critical{border-left-color:var(--c-red)}.us-alert-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.us-alert-time{color:var(--c-text-3);align-items:center;gap:4px;font-family:Fira Code,monospace;font-size:.6875rem;display:flex}.us-alert-title{color:var(--c-text);margin-bottom:2px;font-size:.8125rem;font-weight:600}.us-alert-detail{color:var(--c-text-2);margin-bottom:6px;font-size:.6875rem}.us-alert-rec{color:var(--c-blue);cursor:pointer;align-items:center;gap:6px;font-size:.6875rem;display:flex}.us-alert-rec span{flex:1}.us-alert-rec:hover{color:#6eaeff}@media (width<=1400px){.us-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.us-charts-row,.us-bottom-row{grid-template-columns:1fr}}@media (width<=768px){.us-container{padding:12px}.us-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.us-title{font-size:1.125rem}.us-tab{padding:8px 12px;font-size:.75rem}.us-panel{padding:12px}.us-table thead th,.us-table tbody td{padding:8px 6px;font-size:.6875rem}}@media (width<=480px){.us-cards-grid{grid-template-columns:1fr}.us-card-title{font-size:.625rem}.us-panel-metrics{grid-template-columns:1fr;gap:6px}}.sp-status-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.sp-metrics-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px;display:grid}.sp-metric{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.sp-metric:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.sp-metric-alert{background:#ff4d6a0a;border-color:#ff4d6a4d}.sp-m-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.5625rem;line-height:1.2}.sp-m-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:1.0625rem;font-weight:700;line-height:1.1}.sp-m-unit{color:var(--c-text-2);margin-left:3px;font-size:.6875rem;font-weight:500}.sp-metric .sparkline{width:100%;height:18px;margin:2px 0}.sp-m-source{color:var(--c-text-3);margin-top:auto;font-size:.5rem}.sp-m-badge{letter-spacing:.05em;border-radius:4px;width:fit-content;margin-top:4px;padding:4px 8px;font-size:.625rem;font-weight:700;display:inline-block}.sp-main-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.sp-dual-chart{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;padding-bottom:14px;display:grid}.sp-chart-legend{color:var(--c-text-2);gap:12px;margin-bottom:6px;font-size:.625rem;display:flex}.sp-chart-legend span{align-items:center;gap:4px;display:inline-flex}.sp-chart-legend i{width:10px;height:2px;display:inline-block}.sp-headers-row{grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 0 16px;display:grid}.semi-gauge{text-align:center;flex-direction:column;align-items:center;padding:8px 4px;display:flex;position:relative}.semi-gauge svg{width:100%;max-width:120px;height:auto}.sg-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:1.125rem;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.sg-unit{color:var(--c-text-2);font-size:.5625rem;position:absolute;top:56%;left:50%;transform:translate(-50%)}.sg-label{color:var(--c-text-2);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;margin-top:4px;font-size:.625rem}.sg-badge{margin-top:6px}.sp-condensate{border:1px solid var(--border);background:#ffffff05;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;display:flex}.sp-cond-label{color:var(--c-text-2);flex:1;font-size:.75rem}.sp-cond-value{color:var(--c-text);font-family:Fira Code,monospace;font-size:1.125rem;font-weight:700}.sp-notes{color:var(--c-text-2);font-size:.6875rem;font-style:italic}.badge-info{color:var(--c-blue);background:#4d9fff26;border:1px solid #4d9fff4d}.alert-info{border-left-color:var(--c-blue)}.us-card.status-info{background:#4d9fff0a;border-color:#4d9fff4d}@media (width<=1400px){.sp-status-row,.sp-metrics-grid{grid-template-columns:repeat(3,1fr)}.sp-headers-row{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sp-main-grid{grid-template-columns:1fr}}@media (width<=768px){.sp-status-row{grid-template-columns:repeat(2,1fr)}.sp-metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sp-m-value{font-size:.9375rem}.sp-headers-row{grid-template-columns:repeat(2,1fr)}.sp-dual-chart{grid-template-columns:1fr}}.wu-hero{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.wu-hero-card{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.wu-hero-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.wu-hero-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.wu-h-primary:before{background:linear-gradient(90deg,#0284c7,#06b6d4)}.wu-h-cyan:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.wu-h-warn:before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.wu-h-ok:before{background:linear-gradient(90deg,#10b981,#059669)}.wu-h-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wu-h-primary .wu-h-icon{color:#38bdf8;background:#0284c726}.wu-h-cyan .wu-h-icon{color:#22d3ee;background:#06b6d426}.wu-h-warn .wu-h-icon{color:#fbbf24;background:#f59e0b26}.wu-h-ok .wu-h-icon{color:#34d399;background:#10b98126}.wu-h-body{flex:1;min-width:0}.wu-h-label{color:var(--c-text-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.625rem;font-weight:600}.wu-h-val{color:var(--c-text);font-family:Fira Code,monospace;font-size:1.625rem;font-weight:700;line-height:1.1}.wu-h-val small{color:var(--c-text-2);margin-left:4px;font-size:.75rem;font-weight:500}.wu-h-trend{align-items:center;gap:4px;margin-top:6px;font-size:.6875rem;font-weight:500;display:inline-flex}.wu-trend-up{color:#fbbf24}.wu-trend-down{color:#38bdf8}.wu-trend-flat{color:#34d399}.wu-bento{grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.wu-panel{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;padding:20px;transition:border-color .2s}.wu-panel:hover{border-color:#ffffff26}.wu-p-head{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.wu-p-title{color:var(--c-text);letter-spacing:.01em;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:inline-flex}.wu-p-title svg{color:#38bdf8}.wu-p-sub{color:var(--c-text-3);font-size:.6875rem;font-weight:400}.wu-tanks-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.wu-tank{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;padding:14px 10px;transition:background .2s;display:flex}.wu-tank:hover{background:#ffffff0a}.wu-tank-label{color:var(--c-text-2);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:10px;font-size:.6875rem;font-weight:600}.wu-tank-svg{width:70px;height:96px;display:block}.wu-tank-value{margin-top:10px;font-family:Fira Code,monospace;font-size:1.25rem;font-weight:700;line-height:1}.wu-tank-value span{color:var(--c-text-2);margin-left:2px;font-size:.75rem;font-weight:500}.wu-tank-cap{color:var(--c-text-3);margin-top:4px;font-size:.625rem}.wu-bullets{flex-direction:column;gap:14px;display:flex}.wu-bullet{flex-direction:column;gap:6px;display:flex}.wu-bullet-head{justify-content:space-between;align-items:baseline;display:flex}.wu-bullet-label{color:var(--c-text-2);letter-spacing:.02em;font-size:.75rem;font-weight:500}.wu-bullet-val{font-family:Fira Code,monospace;font-size:.9375rem;font-weight:700}.wu-bullet-val small{color:var(--c-text-3);margin-left:3px;font-size:.6875rem;font-weight:500}.wu-bullet-track{background:#ffffff0a;border-radius:6px;height:12px;position:relative;overflow:hidden}.wu-bullet-zone{opacity:.18;height:100%;position:absolute;top:0}.wu-zone-bad{background:#ef4444}.wu-zone-ok{background:#10b981}.wu-bullet-fill{z-index:2;border-radius:4px;height:8px;transition:width .4s;position:absolute;top:2px;left:0}.wu-bullet-target{z-index:3;background:#fff;border-radius:2px;width:3px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #fff9}.wu-thresh-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.wu-thresh{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;padding:16px 8px 12px;transition:background .2s;display:flex}.wu-thresh:hover{background:#ffffff0a}.wu-thresh-svg{width:100%;max-width:110px;height:auto}.wu-thresh-val{margin-top:-8px;font-family:Fira Code,monospace;font-size:1.125rem;font-weight:700;line-height:1}.wu-thresh-val span{color:var(--c-text-2);margin-left:2px;font-size:.625rem;font-weight:500}.wu-thresh-label{color:var(--c-text-2);text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:.625rem;font-weight:500;line-height:1.3}@media (width<=1280px){.wu-hero{grid-template-columns:repeat(2,1fr)}.wu-bento{grid-template-columns:1fr}.wu-thresh-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.wu-hero{grid-template-columns:1fr}.wu-tanks-grid,.wu-thresh-grid{grid-template-columns:repeat(2,1fr)}}.us-3col-row{grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin:18px 0;display:grid}.us-chart-block{margin-bottom:14px}.us-chart-label{color:var(--c-text-2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.625rem;font-weight:600}.us-grid-2{grid-template-columns:1fr 1fr}@media (width<=1280px){.us-3col-row{grid-template-columns:1fr 1fr}}@media (width<=900px){.us-3col-row{grid-template-columns:1fr}}.wu-top-cards{grid-template-columns:repeat(5,1fr)!important}@media (width<=1400px){.wu-top-cards{grid-template-columns:repeat(5,1fr)!important}}@media (width<=1100px){.wu-top-cards{grid-template-columns:repeat(3,1fr)!important}}@media (width<=700px){.wu-top-cards{grid-template-columns:repeat(2,1fr)!important}}.us-bottom-row{width:100%;min-width:0}.us-asset-panel,.us-alerts-panel{min-width:0}.us-table-wrap{overflow-x:auto}.us-table{width:100%;min-width:520px}.page-container{width:100%;max-width:1600px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:600}.page-header p{color:var(--text-secondary);font-size:.95rem}.page-content{gap:1.5rem;display:grid}.placeholder-card{background:var(--bg-surface);border:1px solid var(--border-default);text-align:center;border-radius:8px;padding:3rem}.placeholder-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.placeholder-card p{color:var(--text-secondary)}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (width>=1400px){.kpi-grid{grid-template-columns:repeat(5,1fr)}}.page-kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001f}.page-kpi-card:hover{border-color:var(--border-default);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.page-kpi-card.kpi-warning{background:#f59e0b0d;border-color:#f59e0b}.kpi-icon{color:#3b82f6;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.kpi-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.kpi-unit{color:var(--text-secondary);font-size:.9rem;font-weight:400}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.widget-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:1.25rem;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001f}.widget-card:hover{border-color:var(--border-default);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.widget-card.widget-large{grid-column:1/-1}.widget-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;word-break:break-word;overflow-wrap:break-word;margin-bottom:1rem;font-size:.75rem;font-weight:600;line-height:1.3}.station-table table,.quality-table table{border-collapse:collapse;width:100%;font-size:.85rem}.station-table th,.quality-table th{text-align:left;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem;font-weight:500}.station-table td,.quality-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding:.5rem}.status-badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.status-running{color:#10b981;background:#10b9811a}.status-badge.status-warning{color:#f59e0b;background:#f59e0b1a}.status-badge.status-idle{color:#94a3b8;background:#64748b1a}.level-bar{background:#ffffff0d;border-radius:4px;height:20px;position:relative;overflow:hidden}.level-fill{height:100%;transition:width .5s}.level-text{z-index:1;font-size:.75rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.alarm-text{color:#ef4444;font-size:.75rem}.chart-container{width:100%;margin:0;padding:0}.mini-chart{width:100%;height:auto;display:block}.chart-legend{color:var(--text-secondary);justify-content:center;gap:1rem;margin-top:.75rem;font-size:.75rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.metric-item{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:6px;padding:.75rem;transition:all .2s}.metric-item:hover{border-color:var(--border-default);background:#ffffff0d}.metric-label{color:var(--text-secondary);word-break:break-word;overflow-wrap:break-word;margin-bottom:.25rem;font-size:.7rem}.metric-value{color:var(--text-primary);word-break:break-word;font-size:1.125rem;font-weight:600}.metric-unit{color:var(--text-secondary);font-size:.8rem;font-weight:400}.metric-display{text-align:center;padding:.75rem}.reconciliation-table{font-size:.85rem}.recon-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.5rem 0;display:flex}.recon-row span:first-child{color:var(--text-secondary)}.recon-row span:last-child{color:var(--text-primary);font-weight:500}.recon-in{color:#10b981!important}.recon-out{color:#ef4444!important}.recon-divider{background:var(--border-subtle);height:1px;margin:.5rem 0}.recon-highlight{font-weight:600}.recon-variance{background:#f59e0b1a;border-radius:4px;margin-top:.5rem;padding:.5rem}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.report-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.report-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.report-icon{margin-bottom:1rem;font-size:2.5rem}.report-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.report-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;line-height:1.4}.report-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;display:flex}.report-actions{gap:.5rem;display:flex}.btn-export{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-pdf{color:#fff;background:#ef4444}.btn-pdf:hover{background:#dc2626}.btn-excel{color:#fff;background:#10b981}.btn-excel:hover{background:#059669}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);text-align:center;border-radius:12px;max-width:400px;padding:2rem;animation:.3s modalSlide}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{margin-bottom:1rem;font-size:3rem}.modal-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.modal-content p{color:var(--text-secondary);font-size:.9rem}.modal-note{color:#f59e0b;margin-top:1rem;font-size:.75rem}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.widgets-grid,.reports-grid{grid-template-columns:1fr}}.alerts-page{color:#e2e8f0;background:0 0;min-height:100vh;padding:24px;font-family:Inter,-apple-system,sans-serif}.alerts-header{margin-bottom:0}.alerts-title{color:#fff;margin:0 0 6px;font-size:1.75rem;font-weight:600}.alerts-subtitle{color:#94a3b8;margin:0;padding-bottom:4px;font-size:.875rem}.alerts-tabs{border-bottom:1px solid #ffffff14;gap:8px;margin-bottom:20px;padding-top:0;display:flex}.alerts-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:10px 18px;font-size:.9375rem;font-weight:500;transition:color .2s;position:relative}.alerts-tab:hover{color:#e2e8f0}.alerts-tab.active{color:#10b981}.alerts-tab.active:after{content:"";background:#10b981;height:2px;position:absolute;bottom:-1px;left:0;right:0}.asc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert-summary-card.color-red .asc-icon{color:#ef4444;background:#ef444426}.alert-summary-card.color-orange .asc-icon{color:#f59e0b;background:#f59e0b26}.alert-summary-card.color-yellow .asc-icon{color:#eab308;background:#eab30826}.alert-summary-card.color-blue .asc-icon{color:#3b82f6;background:#3b82f626}.alert-summary-card.color-green .asc-icon{color:#10b981;background:#10b98126}.alert-summary-card.color-purple .asc-icon{color:#a855f7;background:#a855f726}.asc-content{flex:1;min-width:0}.asc-label{color:#94a3b8;margin-bottom:4px;font-size:.75rem}.asc-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2}.asc-subtitle{color:#64748b;margin-top:2px;font-size:.6875rem}.alert-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.alert-filter-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;transition:all .15s;display:flex}.alert-filter-chip:hover{background:#ffffff14;border-color:#ffffff26}.alert-filter-chip.active{color:#fff;background:#10b981;border-color:#10b981}.chip-badge{background:#fff3;border-radius:10px;padding:2px 6px;font-size:.6875rem;font-weight:600}.alert-filter-chip.active .chip-badge{background:#ffffff40}.alert-filter-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;transition:all .15s;display:flex}.alert-filter-btn:hover{background:#ffffff14}.alert-queue-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.aqh-title{color:#fff;font-size:1rem;font-weight:600}.aqh-count{color:#64748b;font-size:.8125rem}.alert-queue-table-wrap{max-height:480px;overflow:auto}.alert-queue-table{border-collapse:collapse;width:100%}.alert-queue-table thead{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172af2;position:sticky;top:0}.alert-queue-table tbody tr{cursor:pointer;border-bottom:1px solid #ffffff0d;transition:background .15s}.alert-queue-table td{color:#cbd5e1;padding:12px;font-size:.8125rem}.aq-status{color:#ef4444}.aq-row.sev-warning .aq-status{color:#f59e0b}.aq-row.sev-watch .aq-status{color:#eab308}.aq-row.sev-info .aq-status{color:#3b82f6}.aq-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-block}.badge-critical{color:#ef4444;background:#ef444426}.badge-warning{color:#f59e0b;background:#f59e0b26}.badge-watch{color:#eab308;background:#eab30826}.badge-info{color:#3b82f6;background:#3b82f626}.aq-name{color:#e2e8f0;font-weight:500}.aq-module,.aq-asset{color:#94a3b8;font-size:.75rem}.aq-time,.aq-duration{color:#64748b;font-family:Fira Code,monospace;font-size:.75rem}.aq-ack{color:#64748b;font-size:.75rem}.alert-queue-footer{color:#64748b;background:#ffffff05;border-top:1px solid #ffffff14;padding:12px 18px;font-size:.75rem}.adp-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.adp-title{color:#fff;font-size:1rem;font-weight:600}.adp-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.6875rem;font-weight:600}.adp-alert-title{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.adp-icon{color:#ef4444;flex-shrink:0}.adp-name{color:#fff;margin-bottom:4px;font-size:1.125rem;font-weight:600}.adp-desc{color:#94a3b8;font-size:.8125rem}.adp-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.adp-grid-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.adp-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.6875rem}.adp-value{color:#e2e8f0;font-size:.9375rem;font-weight:600}.adp-highlight{color:#eab308;font-size:1.125rem}.adp-section{margin-bottom:18px}.adp-section-title{color:#cbd5e1;align-items:center;gap:8px;margin-bottom:10px;font-size:.875rem;font-weight:600;display:flex}.adp-list{margin:0;padding:0;list-style:none}.adp-list li{color:#94a3b8;margin-bottom:6px;padding-left:16px;font-size:.8125rem;position:relative}.adp-list li:before{content:"•";color:#64748b;position:absolute;left:0}.adp-impact{background:#ef444414;border:1px solid #ef444433;border-radius:8px;gap:10px;margin-bottom:20px;padding:12px;display:flex}.adp-impact svg{color:#ef4444;flex-shrink:0}.adp-impact-label{color:#ef4444;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:600}.adp-impact-text{color:#cbd5e1;font-size:.8125rem}.adp-actions{flex-wrap:wrap;gap:8px;display:flex}.adp-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.btn-primary{color:#fff;background:#ef4444}.btn-secondary{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.btn-secondary:hover{background:#3b82f640}.btn-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.btn-success:hover{background:#10b98140}.alert-analytics-row{grid-template-columns:1fr 1.8fr 1fr;gap:16px;margin-bottom:20px;display:grid}.alert-analytics-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:18px}.aap-header{color:#cbd5e1;align-items:center;gap:8px;margin-bottom:16px;display:flex}.aap-title{color:#fff;flex:1;font-size:.9375rem;font-weight:600}.aap-dropdown{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:.75rem}.aap-pie-wrap{margin-bottom:16px;position:relative}.pie-center-label{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-total{color:#fff;font-size:1.75rem;font-weight:700}.pie-label{color:#64748b;font-size:.75rem}.aap-legend{flex-direction:column;gap:8px;display:flex}.legend-item{align-items:center;gap:8px;font-size:.8125rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-line{border-radius:2px;flex-shrink:0;width:20px;height:3px}.legend-name{color:#cbd5e1;flex:1}.legend-count{color:#64748b;font-weight:600}.legend-horizontal{flex-direction:row;justify-content:center;gap:20px;margin-top:12px;display:flex}.aap-table{flex-direction:column;gap:10px;display:flex}.aap-table-row{background:#ffffff05;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.aap-table-row:hover{background:#ffffff0a}.aap-table-name{color:#cbd5e1;flex:1;font-size:.8125rem}.aap-table-count{color:#fff;text-align:right;min-width:30px;font-size:.9375rem;font-weight:700}.alert-sparkline{flex-shrink:0}.alert-analytics-tab{justify-content:center;align-items:center;min-height:400px;display:flex}.analytics-placeholder{text-align:center;color:#64748b}.analytics-placeholder svg{color:#475569;margin-bottom:16px}.analytics-placeholder h3{color:#94a3b8;margin:0 0 8px;font-size:1.25rem}.analytics-placeholder p{color:#64748b;margin:0;font-size:.875rem}.analytics-container{flex-direction:column;gap:16px;display:flex}.analytics-three-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.analytics-three-col>div:nth-child(3){grid-column:1/-1}.analytics-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.analytics-kpi-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:12px;transition:all .2s}.analytics-kpi-card:hover{background:#ffffff0d;border-color:#ffffff1f}.akpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.75rem}.akpi-value{color:#fff;margin-bottom:6px;font-size:1.35rem;font-weight:700;line-height:1.2}.akpi-footer{align-items:center;gap:8px;display:flex}.akpi-trend{border-radius:4px;padding:3px 8px;font-size:.8125rem;font-weight:600}.akpi-trend.down{color:#22c55e;background:#22c55e26}.akpi-trend.up{color:#ef4444;background:#ef444426}.akpi-subtitle{color:#64748b;font-size:.6875rem}.analytics-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px}.analytics-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-panel-title{color:#fff;margin:0;font-size:1rem;font-weight:600}.analytics-legend{flex-direction:column;gap:8px;margin-top:16px;display:flex}.analytics-legend-horizontal{flex-wrap:wrap;gap:16px;display:flex}.legend-item{color:#cbd5e1;align-items:center;gap:8px;font-size:.8125rem;display:flex}.analytics-chart-container{width:100%;overflow-x:auto}.analytics-chart{width:100%;height:auto}.analytics-pie-container{justify-content:center;margin-bottom:16px;display:flex}.analytics-pie{width:200px;height:200px}.analytics-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.analytics-heatmap{overflow-x:auto}.heatmap-grid{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.heatmap-row{align-items:center;gap:4px;display:flex}.heatmap-label{color:#94a3b8;text-align:right;flex-shrink:0;width:40px;font-size:.75rem;font-weight:600}.heatmap-cell{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:flex}.heatmap-cell:hover{z-index:10;transform:scale(1.1)}.heatmap-value{color:#fff;font-size:.6875rem;font-weight:600}.heatmap-hours{gap:4px;padding-left:44px;display:flex}.heatmap-hour-label{color:#64748b;text-align:center;width:32px;font-size:.6875rem}.analytics-list{flex-direction:column;gap:10px;display:flex}.analytics-list-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.analytics-list-item:hover{background:#ffffff0a;border-color:#ffffff1a}.ali-rank{color:#3b82f6;background:#3b82f626;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.ali-content{flex:1;min-width:0}.ali-name{color:#e2e8f0;margin-bottom:4px;font-size:.9375rem;font-weight:500}.ali-meta{color:#64748b;font-size:.75rem}.ali-sparkline{flex-shrink:0}.analytics-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.analytics-metric-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px}.amc-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.75rem}.amc-value{color:#fff;margin-bottom:6px;font-size:1.5rem;font-weight:700}.amc-trend{font-size:.8125rem;font-weight:600}.amc-trend.good{color:#22c55e}.amc-trend.bad{color:#ef4444}.analytics-table{flex-direction:column;gap:8px;display:flex}.analytics-table-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.analytics-table-row:hover{background:#ffffff0a;border-color:#ffffff1a}.atr-name{color:#e2e8f0;flex:1;min-width:0;font-size:.9375rem;font-weight:500}.atr-module{color:#94a3b8;min-width:80px;font-size:.75rem}.atr-count{color:#fff;text-align:right;min-width:40px;font-size:1rem;font-weight:700}.atr-sparkline{flex-shrink:0}.analytics-insights-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.analytics-insight-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;gap:12px;padding:16px;transition:all .2s;display:flex}.analytics-insight-card:hover{background:#ffffff0d;border-color:#ffffff1f}.aic-icon{color:#3b82f6;background:#3b82f626;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.aic-content{flex:1;min-width:0}.aic-title{color:#fff;margin-bottom:6px;font-size:.9375rem;font-weight:600}.aic-desc{color:#94a3b8;font-size:.8125rem;line-height:1.4}.analytics-history-table-wrap{max-height:500px;overflow:auto}.analytics-history-table{border-collapse:collapse;width:100%}.analytics-history-table thead{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172af2;position:sticky;top:0}.analytics-history-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff14;padding:10px 12px;font-size:.75rem;font-weight:600}.analytics-history-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .15s}.analytics-history-table tbody tr:hover{background:#ffffff08}.analytics-history-table td{color:#cbd5e1;padding:12px;font-size:.8125rem}.aht-time{color:#64748b;white-space:nowrap;font-family:Fira Code,monospace;font-size:.75rem}.aht-alert{color:#e2e8f0;font-weight:500}.aht-module{color:#94a3b8;font-size:.75rem}.aht-severity{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-block}.aht-severity.sev-critical{color:#ef4444;background:#ef444426}.aht-severity.sev-medium{color:#f59e0b;background:#f59e0b26}.aht-severity.sev-low{color:#3b82f6;background:#3b82f626}.aht-resolver{color:#94a3b8;font-size:.75rem}@media (width<=1400px){.alert-summary-grid{grid-template-columns:repeat(4,1fr)}.alert-split-layout{grid-template-columns:1fr}.alert-detail-panel{max-height:none}.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-two-col{grid-template-columns:1fr}}@media (width<=1200px){.alert-analytics-row{grid-template-columns:1fr}.alert-summary-grid,.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-insights-grid{grid-template-columns:1fr}}@media (width<=1024px){.alert-summary-grid{grid-template-columns:repeat(2,1fr)}.alert-filter-bar{flex-wrap:nowrap;overflow-x:auto}.analytics-kpi-grid,.analytics-two-col{grid-template-columns:1fr}}@media (width<=768px){.alerts-page{padding:16px}.alert-summary-grid{grid-template-columns:1fr}.alert-filter-bar{gap:6px;overflow-x:auto}.alert-queue-table-wrap{font-size:.75rem;overflow-x:auto}.alert-queue-table th,.alert-queue-table td{padding:8px 6px;font-size:.6875rem}.adp-grid{grid-template-columns:1fr}.adp-actions{flex-direction:column}.adp-btn{justify-content:center;width:100%}.analytics-kpi-grid{grid-template-columns:1fr;gap:10px}.analytics-three-col{grid-template-columns:1fr}.analytics-metrics-grid,.analytics-insights-grid{grid-template-columns:1fr;gap:10px}.analytics-two-col{grid-template-columns:1fr}.analytics-chart-container,.analytics-history-table-wrap,.heatmap-grid{overflow-x:auto}.ali-sparkline,.atr-sparkline{display:none}}.alert-analytics-row{grid-template-columns:1fr 1.8fr 1fr;gap:16px;margin-top:20px;margin-bottom:24px;display:grid}.alert-analytics-row .analytics-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;padding:18px;display:flex}.alert-analytics-row .analytics-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.alert-analytics-row .analytics-panel-title{color:#e2e8f0;margin:0;font-size:.9375rem;font-weight:600}.alert-module-panel{flex-direction:column;display:flex}.alert-module-content{flex-direction:column;flex:1;display:flex}.alert-donut-container{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.alert-donut-chart{width:200px;height:200px}.alert-module-legend{flex-direction:column;gap:10px;display:flex}.aml-item{align-items:center;gap:10px;font-size:.8125rem;display:flex}.aml-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.aml-name{color:#cbd5e1;flex:1}.aml-count{color:#94a3b8;font-weight:500}.alert-module-footer{border-top:1px solid #ffffff0f;gap:16px;margin-top:16px;padding-top:16px;display:flex}.amf-status{color:#94a3b8;align-items:center;gap:6px;font-size:.75rem;display:flex}.amf-dot{border-radius:50%;width:8px;height:8px}.amf-dot.live{background:#10b981;box-shadow:0 0 6px #10b98199}.amf-dot.online{background:#10b981}.alert-trend-dropdown{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:.75rem}.alert-trend-chart-container{flex:1;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.alert-trend-chart{width:100%;height:auto}.alert-trend-legend{border-top:1px solid #ffffff0f;justify-content:center;gap:20px;padding-top:12px;display:flex}.atl-item{color:#94a3b8;align-items:center;gap:6px;font-size:.75rem;display:flex}.atl-line{border-radius:1px;width:20px;height:2px}.alert-repeated-dropdown{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:.75rem}.alert-repeated-list{flex-direction:column;gap:12px;display:flex}.alert-repeated-row{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px;transition:all .2s;display:grid}.alert-repeated-row:hover{background:#ffffff0a;border-color:#ffffff1a}.arr-name{color:#cbd5e1;font-size:.8125rem;font-weight:500}.arr-trend{justify-content:center;align-items:center;display:flex}.arr-sparkline{opacity:.8}.arr-count{color:#e2e8f0;text-align:right;min-width:24px;font-size:.875rem;font-weight:600}@media (width<=1200px){.alert-analytics-row{grid-template-columns:1fr}}@media (width<=768px){.alert-analytics-row .analytics-panel{padding:14px}.alert-donut-chart{width:160px;height:160px}.alert-repeated-row{grid-template-columns:1fr auto;gap:8px}.arr-trend{grid-column:1/-1;justify-content:flex-start}}.alert-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.alert-summary-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.alert-summary-card:hover{background:#ffffff0d;border-color:#ffffff26}.summary-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.summary-icon.red{color:#ef4444;background:#ef444426}.summary-icon.orange{color:#f59e0b;background:#f59e0b26}.summary-icon.blue{color:#3b82f6;background:#3b82f626}.summary-icon.green{color:#22c55e;background:#22c55e26}.summary-info{flex-direction:column;gap:4px;display:flex}.summary-label{color:#fff9;font-size:12px;font-weight:500}.summary-value{color:#fff;font-size:24px;font-weight:700}.alert-split-layout{grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:20px;display:grid}.alert-queue-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px;display:flex}.alert-count{color:#fff9;font-size:13px}.alert-queue-table{max-height:600px;overflow:auto}.alert-queue-table table{border-collapse:collapse;width:100%}.alert-queue-table thead{z-index:1;background:#ffffff0d;position:sticky;top:0}.alert-queue-table th{text-align:left;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff14;padding:12px;font-size:11px;font-weight:600}.alert-queue-table td{color:#fffc;border-bottom:1px solid #ffffff0d;padding:12px;font-size:13px}.alert-queue-table tbody tr{cursor:pointer;transition:all .2s}.alert-queue-table tbody tr:hover{background:#ffffff0d}.alert-queue-table tbody tr.selected{background:#3b82f626;border-left:3px solid #3b82f6}.alert-name{color:#fff;font-weight:500}.time-col{color:#ffffff80;font-size:12px}.status-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.status-badge.open{color:#ef4444;background:#ef444426}.status-badge.acknowledged{color:#22c55e;background:#22c55e26}.severity-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.severity-badge.critical{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.severity-badge.warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.severity-badge.watch{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.severity-badge.info{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.alert-detail-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;max-height:680px;padding:20px;overflow-y:auto}.detail-placeholder{color:#fff6;flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex}.detail-placeholder svg{opacity:.3;margin-bottom:16px}.detail-placeholder p{font-size:14px}.detail-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.detail-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-value{color:#fff;font-size:14px;font-weight:500}.detail-section{margin-bottom:20px}.detail-section h4{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.detail-section ul{margin:0;padding-left:20px;list-style:outside}.detail-section li{color:#fffc;margin-bottom:8px;font-size:13px;line-height:1.5}.detail-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#2563eb}.btn-secondary{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff40}@media (width<=1400px){.alert-summary-grid{grid-template-columns:repeat(4,1fr)}.alert-split-layout{grid-template-columns:1fr}}@media (width<=768px){.alert-summary-grid{grid-template-columns:repeat(2,1fr)}.alert-split-layout{grid-template-columns:1fr}}.incident-detail-page{color:#e2e8f0;background:0 0;min-height:100vh;padding:24px}.incident-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.incident-breadcrumb{align-items:center;gap:8px;font-size:.875rem;display:flex}.back-link{color:#06b6d4;align-items:center;gap:6px;text-decoration:none;display:flex}.back-link:hover{color:#0891b2}.breadcrumb-sep{color:#475569}.breadcrumb-current{color:#94a3b8}.incident-actions{gap:8px;display:flex}.incident-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;transition:all .2s;display:flex}.incident-btn:hover{background:#ffffff14;border-color:#ffffff26}.alert-overview-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;gap:24px;margin-bottom:16px;padding:20px;display:flex}.aop-left{align-items:center;gap:16px;display:flex}.aop-icon{color:#ef4444;background:#ef444426;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.aop-badges{gap:8px;margin-bottom:8px;display:flex}.severity-badge{text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.sev-critical{color:#ef4444;background:#ef444433}.status-badge{border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.status-open{color:#ef4444;background:0 0;border:1px solid #ef4444}.aop-title{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.aop-grid{flex:1;grid-template-columns:repeat(7,1fr);gap:16px;display:grid}.aop-field{color:#94a3b8;align-items:flex-start;gap:8px;display:flex}.aop-field>div{flex-direction:column;gap:2px;display:flex}.aop-label{text-transform:uppercase;color:#64748b;font-size:.75rem}.aop-value{color:#e2e8f0;font-size:.875rem;font-weight:500}.summary-cards-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.summary-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.sc-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sc-purple .sc-icon{color:#a855f7;background:#a855f726}.sc-blue .sc-icon{color:#3b82f6;background:#3b82f626}.sc-yellow .sc-icon{color:#eab308;background:#eab30826}.sc-red .sc-icon{color:#ef4444;background:#ef444426}.sc-gray .sc-icon{color:#94a3b8;background:#94a3b826}.sc-label{color:#94a3b8;text-transform:uppercase;font-size:.75rem}.sc-value{color:#e2e8f0;font-size:.9375rem;font-weight:600}.panels-row-2{grid-template-columns:40% 60%;gap:16px;margin-bottom:16px;display:grid}.panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.panel-header{background:#ffffff05;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 16px;display:flex}.panel-header h3{color:#e2e8f0;margin:0;font-size:.9375rem;font-weight:600}.panel-body{padding:16px}.root-cause-icon{justify-content:center;margin-bottom:12px;display:flex}.root-cause-text{color:#cbd5e1;margin-bottom:12px;font-size:.9375rem;line-height:1.6}.root-cause-factors{flex-wrap:wrap;gap:8px;display:flex}.factor-badge{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:6px 12px;font-size:.8125rem}.panel-stack{flex-direction:column;gap:16px;display:flex}.action-item{color:#cbd5e1;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:10px;padding:10px 0;font-size:.875rem;display:flex}.action-item:last-child{border-bottom:none}.action-check{color:#22c55e;flex-shrink:0}.panel-d-body{gap:16px;display:flex}.impact-metric{background:#ef444414;border:1px solid #ef444433;border-radius:6px;flex:1;padding:12px}.impact-label{color:#94a3b8;margin-bottom:6px;font-size:.75rem}.impact-value{margin-bottom:4px;font-size:1.25rem;font-weight:700}.impact-red{color:#ef4444}.impact-note{color:#64748b;font-size:.75rem;font-style:italic}.incident-content{text-align:center;color:#64748b;padding:20px;font-size:.875rem}.panels-row-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.timeline{flex-direction:column;gap:16px;display:flex}.timeline-entry{gap:12px;display:flex;position:relative}.timeline-entry:not(:last-child):before{content:"";background:#ffffff1a;width:2px;height:calc(100% + 8px);position:absolute;top:24px;left:7px}.timeline-dot{border:2px solid;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:4px}.dot-critical{background:#ef4444;border-color:#ef4444}.dot-info{background:#3b82f6;border-color:#3b82f6}.dot-success{background:#22c55e;border-color:#22c55e}.dot-pending{background:#f59e0b;border-color:#f59e0b}.timeline-content{flex:1}.timeline-time{color:#e2e8f0;margin-bottom:4px;font-size:.8125rem;font-weight:600}.timeline-event{color:#cbd5e1;margin-bottom:2px;font-size:.875rem;font-weight:500}.timeline-detail{color:#94a3b8;margin-bottom:4px;font-size:.8125rem}.timeline-actor{color:#64748b;font-size:.75rem;font-style:italic}.panel-f .panel-body{padding:0;overflow-x:auto}.equipment-table{border-collapse:collapse;width:100%;min-width:600px;font-size:.875rem}.equipment-table th{text-align:left;color:#94a3b8;text-transform:uppercase;background:#ffffff08;border-bottom:1px solid #ffffff14;padding:10px 12px;font-size:.75rem;font-weight:600}.equipment-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding:12px}.equipment-table tbody tr:hover{background:#ffffff05}.eq-status{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.eq-red{color:#ef4444;background:#ef444433}.eq-green{color:#22c55e;background:#22c55e33}.eq-yellow{color:#eab308;background:#eab30833}.eq-gray{color:#94a3b8;background:#94a3b833}.health-indicator{align-items:center;gap:6px;display:flex}.health-dot{border-radius:50%;width:8px;height:8px}.health-green{background:#22c55e}.health-yellow{background:#eab308}.health-red{background:#ef4444}.wo-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.wo-field{flex-direction:column;gap:6px;display:flex}.wo-field-full{margin-bottom:12px}.wo-label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.wo-value{color:#e2e8f0;font-size:.875rem}.wo-value-text{color:#cbd5e1;padding:8px 0;font-size:.875rem;line-height:1.5}.wo-badge{border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.wo-red{color:#ef4444;background:#ef444433}.wo-orange{color:#fb923c;background:#f9731633}.wo-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 20px;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.wo-create-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px)}@media (width<=1400px){.aop-grid{grid-template-columns:repeat(4,1fr)}.summary-cards-row{grid-template-columns:repeat(3,1fr)}.panels-row-3{grid-template-columns:1fr}}@media (width<=768px){.incident-header{flex-direction:column;align-items:flex-start;gap:12px}.incident-actions{flex-wrap:wrap;width:100%}.incident-btn{padding:6px 10px;font-size:.8125rem}.alert-overview-panel{flex-direction:column}.aop-grid,.summary-cards-row,.panels-row-2,.panels-row-3{grid-template-columns:1fr}}.panel-a-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:20px}.panel-a-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.pa-label{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.panel-a-header h3{color:#e2e8f0;flex:1;margin:0;font-size:1rem;font-weight:600}.pa-dropdown{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:.8125rem}.panel-a-charts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pa-chart-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:14px;position:relative}.pa-chart-title{color:#cbd5e1;margin-bottom:12px;font-size:.8125rem;font-weight:500}.pa-chart-container{width:100%;overflow:hidden}.pa-chart{width:100%;height:auto}.pa-chart-badge{color:#fff;border-radius:6px;padding:4px 10px;font-size:.875rem;font-weight:600;position:absolute;top:50px;right:24px}.pa-chart-badge.badge-red{background:#ef4444e6}.pa-chart-badge.badge-blue{background:#4fc3f7e6}.pa-chart-badge.badge-green{background:#8bc34ae6}.pa-chart-badge.badge-purple{background:#9c27b0e6}.pa-chart-legend{border-top:1px solid #ffffff0f;gap:16px;margin-top:12px;padding-top:12px;display:flex}.pa-legend-item{color:#94a3b8;align-items:center;gap:6px;font-size:.75rem;display:flex}.pa-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pa-legend-badge{color:#fff;border-radius:4px;margin-left:4px;padding:2px 6px;font-weight:600}.pa-legend-badge.badge-blue{background:#4fc3f7e6}.pa-legend-badge.badge-green{background:#8bc34ae6}@media (width<=1200px){.panel-a-charts{grid-template-columns:1fr}}@media (width<=768px){.panel-a-container{padding:14px}.pa-chart-box{padding:12px}.pa-chart-badge{padding:3px 8px;font-size:.75rem;top:40px;right:16px}.pa-legend-item{font-size:.6875rem}}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-lg);font-size:.75rem;font-weight:700}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-fast);box-shadow:0 1px 3px #0000001f}.card:hover{border-color:var(--border-default);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.card-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.view-all{color:var(--accent-primary);cursor:pointer;transition:opacity var(--transition-fast);font-size:.6875rem;font-weight:500;text-decoration:none}.view-all:hover{opacity:.8}.page-row{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.page-row-4{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);display:flex}.page-header-info{gap:var(--space-xs);flex-direction:column;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.page-desc{color:var(--text-muted);font-size:.8125rem;font-weight:400}.page-header-actions{gap:var(--space-sm);display:flex}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.metric-cards{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:center;gap:var(--space-lg);transition:all var(--transition-fast);display:flex;box-shadow:0 1px 3px #0000001f}.metric-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.metric-card.clickable{cursor:pointer}.metric-card.clickable:active{transform:translateY(0)}.metric-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-icon.green{background:var(--accent-primary-dim);color:var(--accent-primary)}.metric-icon.blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.metric-icon.red{background:var(--accent-red-dim);color:var(--accent-red)}.metric-icon.orange{background:var(--accent-orange-dim);color:var(--accent-orange)}.metric-icon.yellow{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.metric-icon.purple{background:var(--accent-purple-dim);color:var(--accent-purple)}.metric-info{flex-direction:column;gap:2px;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:500}.metric-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.data-table{flex-direction:column;display:flex}.table-head{gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:var(--space-sm);grid-template-columns:2fr repeat(4,1fr);display:grid}.table-head:has(span:nth-child(6)){grid-template-columns:1fr repeat(5,1fr)}.table-head span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.table-body-row{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);grid-template-columns:2fr repeat(4,1fr);align-items:center;display:grid}.table-body-row:has(span:nth-child(6)){grid-template-columns:1fr repeat(5,1fr)}.table-body-row:last-child{border-bottom:none}.table-body-row:hover{background:#ffffff05}.table-body-row span{color:var(--text-secondary);font-size:.8125rem}.table-body-row .row-name{color:var(--text-primary);font-weight:500}.table-body-row .mono{font-family:var(--font-mono);font-size:.75rem}.table-status{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:4px;width:fit-content;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.status-active{background:var(--accent-primary-dim);color:var(--accent-primary)}.status-warning{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.status-idle{color:var(--text-muted);background:#6b728026}.alerts-full-list{gap:var(--space-sm);flex-direction:column;display:flex}.alert-full-item{padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;display:flex}.alert-full-item:hover{background:var(--bg-card-hover);transform:translate(2px)}.alert-full-item.level-border-critical{border-left-color:var(--accent-red)}.alert-full-item.level-border-warning{border-left-color:var(--accent-yellow)}.alert-full-item.level-border-info{border-left-color:var(--accent-blue)}.alert-full-left{align-items:center;gap:var(--space-md);display:flex}.alert-level-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.alert-level-dot.critical{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.alert-level-dot.warning{background:var(--accent-yellow)}.alert-level-dot.info{background:var(--accent-blue)}.alert-full-content{flex-direction:column;gap:2px;display:flex}.alert-full-message{color:var(--text-primary);font-size:.8125rem;font-weight:500}.alert-full-meta{color:var(--text-muted);font-size:.6875rem}.alert-level-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;font-size:.625rem;font-weight:700}.alert-level-badge.critical{background:var(--accent-red-dim);color:var(--accent-red)}.alert-level-badge.warning{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.alert-level-badge.info{background:var(--accent-blue-dim);color:var(--accent-blue)}.search-box{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);transition:border-color var(--transition-fast);display:flex}.search-box:focus-within{border-color:var(--accent-primary)}.search-input{color:var(--text-primary);width:180px;font-size:.8125rem;font-family:var(--font-sans);background:0 0;border:none;outline:none}.search-input::placeholder{color:var(--text-muted)}.card-count{background:var(--bg-card);border-radius:var(--radius-full);margin-left:var(--space-sm);color:var(--text-muted);padding:2px 8px;font-size:.6875rem;font-weight:500}.settings-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.settings-card{gap:var(--space-lg);flex-direction:column;display:flex}.settings-section-header{align-items:center;gap:var(--space-md);color:var(--text-primary);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex}.settings-section-header h3{font-size:.875rem;font-weight:600}.settings-items{gap:var(--space-lg);flex-direction:column;display:flex}.settings-item{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.settings-item-info{flex-direction:column;gap:2px;display:flex}.settings-item-label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.settings-item-desc{color:var(--text-muted);font-size:.6875rem}.settings-value{color:var(--text-secondary);font-size:.8125rem;font-family:var(--font-mono);font-weight:500}.settings-select{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast);outline:none}.settings-select:focus{border-color:var(--accent-primary)}.toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-elevated);border-radius:var(--radius-full);transition:all var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";width:16px;height:16px;transition:all var(--transition-fast);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.live-badge{border-radius:var(--radius-full);color:var(--accent-red);text-transform:uppercase;letter-spacing:.06em;background:#ef44441f;align-items:center;gap:4px;padding:3px 8px;font-size:.5625rem;font-weight:700;animation:2s ease-in-out infinite livePulse;display:inline-flex}.live-badge:before{content:"";background:var(--accent-red);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite liveDot}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.chart-legend-inline{gap:var(--space-md);align-items:center;display:flex}.legend-line{align-items:center;gap:4px;font-size:.6875rem;display:flex}.legend-line:before{content:"";border-radius:1px;width:12px;height:2px;display:inline-block}.legend-line.green:before{background:var(--accent-primary)}.legend-line.green{color:var(--accent-primary)}.legend-line.blue:before{background:var(--accent-blue)}.legend-line.blue{color:var(--accent-blue)}.legend-line.orange:before{background:var(--accent-orange)}.legend-line.orange{color:var(--accent-orange)}.legend-line.dashed:before{background:var(--accent-red);border-top:2px dashed var(--accent-red);height:0}.legend-line.dashed{color:var(--accent-red)}@media (width<=1200px){.page-row-4,.metric-cards{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media (width<=768px){.page-row,.page-row-4,.metric-cards{grid-template-columns:1fr}.page-header{gap:var(--space-md);flex-direction:column}.page-header-actions{width:100%}.page-header-actions .btn{flex:1;justify-content:center}.page-title{font-size:1.25rem}.metric-card{padding:var(--space-lg);gap:var(--space-md)}.metric-icon{width:38px;height:38px}.metric-value{font-size:1.1rem}.data-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-head,.table-body-row{min-width:500px}.card{border-radius:var(--radius-md)}.alerts-full-list .alert-full-item{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.settings-grid{grid-template-columns:1fr}}