code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.critical-alert{animation:pulse 2s infinite}.critical-indicator{animation:blink 1s infinite}.incident-new{animation:slideIn .5s ease-out}.soc-critical{background:#fef2f2;color:#dc2626}.soc-warning{background:#fffbeb;color:#f59e0b}.soc-success{background:#f0fdf4;color:#16a34a}.soc-info{background:#f0f9ff;color:#3b82f6}.status-online:before{color:#16a34a;content:"●";margin-right:.5rem}.status-offline:before{animation:blink 1s infinite;color:#dc2626;content:"●";margin-right:.5rem}.status-warning:before{color:#f59e0b;content:"●";margin-right:.5rem}:root{--color-bg-primary:#0a0e1a;--color-bg-secondary:#0f172a;--color-bg-tertiary:#1e293b;--color-bg-card:#1a1f2e;--color-bg-elevated:#232938;--gradient-dark:linear-gradient(135deg,#0a0e1a,#1e293b);--gradient-card:linear-gradient(135deg,#1a1f2e,#0f172a);--gradient-chart:linear-gradient(180deg,#0ea5e933,#0ea5e900);--gradient-hero:linear-gradient(90deg,#0ea5e9,#06b6d4 50%,#14b8a6);--color-text-primary:#f9fafb;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-muted:#64748b;--color-critical:#dc2626;--color-critical-light:#ef4444;--color-critical-dark:#991b1b;--color-critical-bg:#dc26261a;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1a;--color-elevated:#eab308;--color-elevated-light:#facc15;--color-elevated-dark:#ca8a04;--color-elevated-bg:#eab3081a;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#3b82f61a;--color-primary:#0ea5e9;--color-primary-light:#38bdf8;--color-primary-dark:#0284c7;--color-primary-bg:#0ea5e91a;--color-secondary:#14b8a6;--color-secondary-light:#2dd4bf;--color-secondary-dark:#0d9488;--color-secondary-bg:#14b8a61a;--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-accent-dark:#7c3aed;--color-accent-bg:#8b5cf61a;--color-border:#334155;--color-border-light:#475569;--color-border-dark:#1e293b;--color-hover:#ffffff0d;--color-active:#ffffff1a;--color-focus:#0ea5e94d;--color-code-bg:#1f2937;--color-code-border:#374151;--color-code-text:#f9fafb;--color-code-comment:#6b7280;--color-code-keyword:#60a5fa;--color-code-string:#34d399;--color-code-number:#fbbf24;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-glow:0 0 20px #0ea5e966;--shadow-glow-success:0 0 20px #10b98166;--shadow-glow-critical:0 0 20px #dc262666;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Roboto Mono",monospace;--font-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;background:var(--color-bg-primary);color:#f9fafb;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);margin:0;padding:0}*{box-sizing:border-box}.card{background:#1a1f2e;background:var(--color-bg-card);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px)}.card-elevated,.card:hover{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg)}.card-elevated,.card-hero{background:linear-gradient(135deg,#1a1f2e,#0f172a);background:var(--gradient-card)}.card-hero{border:1px solid #475569;border:1px solid var(--color-border-light);box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006;box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.card-hero:before{background:linear-gradient(90deg,#0ea5e9,#06b6d4 50%,#14b8a6);background:var(--gradient-hero);content:"";height:3px;left:0;position:absolute;right:0;top:0}.card-status-critical{background:linear-gradient(90deg,#dc26261a,#1a1f2e);background:linear-gradient(90deg,var(--color-critical-bg) 0,var(--color-bg-card) 100%);border-left:4px solid #dc2626;border-left:4px solid var(--color-critical)}.card-status-warning{background:linear-gradient(90deg,#f59e0b1a,#1a1f2e);background:linear-gradient(90deg,var(--color-warning-bg) 0,var(--color-bg-card) 100%);border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning)}.card-status-success{background:linear-gradient(90deg,#10b9811a,#1a1f2e);background:linear-gradient(90deg,var(--color-success-bg) 0,var(--color-bg-card) 100%);border-left:4px solid #10b981;border-left:4px solid var(--color-success)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn:hover{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#0ea5e9;background:var(--color-primary);color:#fff}.btn-primary:hover{background:#38bdf8;background:var(--color-primary-light);box-shadow:0 0 20px #0ea5e966;box-shadow:var(--shadow-glow)}.btn-critical{background:#dc2626;background:var(--color-critical);color:#fff}.btn-critical:hover{background:#ef4444;background:var(--color-critical-light);box-shadow:0 0 20px #dc262666;box-shadow:var(--shadow-glow-critical)}.btn-success{background:#10b981;background:var(--color-success);color:#fff}.btn-success:hover{background:#34d399;background:var(--color-success-light);box-shadow:0 0 20px #10b98166;box-shadow:var(--shadow-glow-success)}.btn-secondary{background:#1e293b;background:var(--color-bg-tertiary);border:1px solid #334155;border:1px solid var(--color-border);color:#f9fafb;color:var(--color-text-primary)}.btn-secondary:hover{background:#232938;background:var(--color-bg-elevated);border-color:#475569;border-color:var(--color-border-light)}.btn-ghost{background:#0000;border:1px solid #0000;color:#cbd5e1;color:var(--color-text-secondary)}.btn-ghost:hover{background:#ffffff0d;background:var(--color-hover);border-color:#334155;border-color:var(--color-border)}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:1.125rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.025em;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.badge-critical{background:#dc2626;background:var(--color-critical);color:#fff}.badge-warning{background:#f59e0b;background:var(--color-warning);color:#fff}.badge-elevated{background:#eab308;background:var(--color-elevated);color:#0a0e1a;color:var(--color-bg-primary)}.badge-success{background:#10b981;background:var(--color-success);color:#fff}.badge-info{background:#3b82f6;background:var(--color-info);color:#fff}.badge-accent{background:#8b5cf6;background:var(--color-accent);color:#fff}.badge-outline{background:#0000;border:2px solid}.badge-outline.badge-critical{border-color:#ef4444;border-color:var(--color-critical-light);color:#ef4444;color:var(--color-critical-light)}.badge-outline.badge-warning{border-color:#fbbf24;border-color:var(--color-warning-light);color:#fbbf24;color:var(--color-warning-light)}.table{border-collapse:collapse;font-size:.875rem;font-size:var(--text-sm);width:100%}.table thead{background:#232938;background:var(--color-bg-elevated);border-bottom:2px solid #475569;border-bottom:2px solid var(--color-border-light)}.table th{color:#cbd5e1;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase}.table td,.table th{padding:1rem;padding:var(--spacing-4)}.table td{border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);color:#f9fafb;color:var(--color-text-primary)}.table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.table tbody tr:hover{background:#ffffff0d;background:var(--color-hover)}.table tbody tr:last-child td{border-bottom:none}.code-block{background:#1f2937;background:var(--color-code-bg);border:1px solid #374151;border:1px solid var(--color-code-border);border-radius:.5rem;border-radius:var(--radius-lg);color:#f9fafb;color:var(--color-code-text);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed);overflow-x:auto;padding:1rem;padding:var(--spacing-4);position:relative}.code-block pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.code-block code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono)}.code-block-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--color-code-border);display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding-bottom:.75rem;padding-bottom:var(--spacing-3)}.modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow);background:#0f172a;background:var(--color-bg-secondary);border:1px solid #475569;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006;box-shadow:var(--shadow-xl);max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f172a);background:var(--gradient-card);border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between}.modal-body,.modal-header{padding:1.5rem;padding:var(--spacing-6)}.modal-body{max-height:calc(90vh - 180px);overflow-y:auto}.modal-footer{background:#232938;background:var(--color-bg-elevated);border-top:1px solid #334155;border-top:1px solid var(--color-border);display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:flex-end;padding:1.5rem;padding:var(--spacing-6)}.tabs{border-bottom:2px solid #334155;border-bottom:2px solid var(--color-border);display:flex;gap:.5rem;gap:var(--spacing-2);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--color-text-tertiary);cursor:pointer;font-weight:500;font-weight:var(--font-medium);margin-bottom:-2px;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tab:hover{background:#ffffff0d;background:var(--color-hover);color:#cbd5e1;color:var(--color-text-secondary)}.tab.active{border-bottom-color:#38bdf8;border-bottom-color:var(--color-primary-light);color:#38bdf8;color:var(--color-primary-light)}.tab.active:after{background:linear-gradient(90deg,#0ea5e9,#06b6d4 50%,#14b8a6);background:var(--gradient-hero);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.text-critical{color:#ef4444;color:var(--color-critical-light)}.text-warning{color:#fbbf24;color:var(--color-warning-light)}.text-success{color:#34d399;color:var(--color-success-light)}.text-info{color:#60a5fa;color:var(--color-info-light)}.text-primary{color:#38bdf8;color:var(--color-primary-light)}.text-secondary{color:#cbd5e1;color:var(--color-text-secondary)}.text-muted{color:#64748b;color:var(--color-text-muted)}.bg-critical{background:#dc26261a;background:var(--color-critical-bg)}.bg-warning{background:#f59e0b1a;background:var(--color-warning-bg)}.bg-success{background:#10b9811a;background:var(--color-success-bg)}.bg-info{background:#3b82f61a;background:var(--color-info-bg)}.font-mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-4{gap:1rem;gap:var(--spacing-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#1a1f2e 4%,#232938 25%,#1a1f2e 36%);background:linear-gradient(to right,var(--color-bg-card) 4%,var(--color-bg-elevated) 25%,var(--color-bg-card) 36%);background-size:1000px 100%}@media (max-width:768px){.modal{margin:.5rem;margin:var(--spacing-2);max-width:100%}.card{padding:1rem;padding:var(--spacing-4)}.table{font-size:.75rem;font-size:var(--text-xs)}.table td,.table th{padding:.5rem;padding:var(--spacing-2)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f172a;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#334155;background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--color-border-light)}.metric-card{background:linear-gradient(135deg,#1a1f2e,#0f172a);background:var(--gradient-card);border:1px solid #475569;border:1px solid var(--color-border-light);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-6);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.metric-card:before{background:linear-gradient(90deg,#0ea5e9,#06b6d4 50%,#14b8a6);background:var(--gradient-hero);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.metric-card:hover{box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006,0 0 20px #0ea5e966;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-4px)}.metric-value{color:#f9fafb;color:var(--color-text-primary);font-size:2.25rem;font-size:var(--text-4xl);font-weight:800;font-weight:var(--font-extrabold);line-height:1;line-height:var(--leading-none);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.metric-label{color:#94a3b8;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.metric-icon{font-size:1.875rem;font-size:var(--text-3xl);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.metric-trend{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--spacing-1);margin-top:.5rem;margin-top:var(--spacing-2)}.metric-trend.up{color:#ef4444;color:var(--color-critical-light)}.metric-trend.down{color:#34d399;color:var(--color-success-light)}.split-view{grid-gap:1.5rem;grid-gap:var(--spacing-6);grid-template-columns:1fr 350px}.split-view,.split-view-70-30{display:grid;gap:1.5rem;gap:var(--spacing-6)}.split-view-70-30{grid-gap:1.5rem;grid-gap:var(--spacing-6);grid-template-columns:2fr 1fr}.split-view-main{min-width:0}.split-view-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(60px + 1.5rem);top:calc(60px + var(--spacing-6))}.metrics-bar{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.metric-compact{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f172a);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-3);padding:1rem;padding:var(--spacing-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.metric-compact:hover{border-color:#475569;border-color:var(--color-border-light);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md)}.metric-compact-icon{flex-shrink:0;font-size:1.5rem;font-size:var(--text-2xl)}.metric-compact-content{flex:1 1;min-width:0}.metric-compact-value{font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);line-height:1.25;line-height:var(--leading-tight);margin-bottom:.125rem}.metric-compact-label{color:#94a3b8;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.dashboard-grid-3x3{grid-gap:1rem;grid-gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}.dashboard-grid-2x2,.dashboard-grid-3x3{display:grid;gap:1rem;gap:var(--spacing-4)}.dashboard-grid-2x2{grid-gap:1rem;grid-gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.toolbar{background:#232938;background:var(--color-bg-elevated);border-radius:.5rem;border-radius:var(--radius-lg);gap:1rem;gap:var(--spacing-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding:1rem;padding:var(--spacing-4)}.toolbar,.toolbar-actions{align-items:center;display:flex}.toolbar-actions{gap:.5rem;gap:var(--spacing-2)}.sidebar-panel{background:linear-gradient(135deg,#1a1f2e,#0f172a);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-xl);height:-webkit-fit-content;height:fit-content;padding:1.5rem;padding:var(--spacing-6)}.sidebar-panel-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--color-border);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding-bottom:1rem;padding-bottom:var(--spacing-4)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.section-title{color:#f9fafb;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold)}.section-subtitle{color:#94a3b8;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--text-sm);margin-top:.25rem;margin-top:var(--spacing-1)}.status-indicator{align-items:center;background:#232938;background:var(--color-bg-elevated);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-lg);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--spacing-2);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.status-dot{border-radius:50%;height:6px;width:6px}.status-dot.online{background:#10b981;background:var(--color-success);box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--color-success)}.status-dot.offline{background:#dc2626;background:var(--color-critical);box-shadow:0 0 8px #dc2626;box-shadow:0 0 8px var(--color-critical)}.status-dot.warning{background:#f59e0b;background:var(--color-warning);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--color-warning)}@media (max-width:1024px){.split-view,.split-view-70-30{grid-template-columns:1fr}.split-view-sidebar{position:static}.dashboard-grid-3x3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-grid-2x2,.dashboard-grid-3x3,.metrics-bar{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=main.b9bc84af.css.map*/