:root{--bg-base: #0b0f1a;--bg-elevated: #131826;--bg-card: #161b2c;--bg-hover: #1d2336;--bg-input: #0f1320;--border: #232a3f;--border-strong: #2e364f;--text-primary: #e6e9f4;--text-secondary: #a0a8c2;--text-tertiary: #6a7290;--text-inverse: #0b0f1a;--accent: #5b8def;--accent-hover: #6f9bf3;--accent-soft: rgba(91, 141, 239, .15);--success: #22c55e;--success-soft: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .15);--critical: #ef4444;--critical-soft: rgba(239, 68, 68, .15);--sidebar-w: 232px;--topbar-h: 56px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Mono", "Consolas", "Roboto Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:8px 14px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--critical);border-color:var(--critical);color:#fff}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){background:var(--bg-hover)}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.sidebar{grid-area:sidebar;background:var(--bg-elevated);border-right:1px solid var(--border);padding:16px 0;overflow-y:auto}.topbar{grid-area:topbar;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between}.main{grid-area:main;overflow-y:auto;padding:24px}.brand{padding:0 20px 16px;font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:12px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--text-secondary);font-weight:500;border-left:2px solid transparent}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--text-primary);background:var(--accent-soft);border-left-color:var(--accent)}.nav-icon{width:16px;height:16px;display:inline-block;flex-shrink:0}.user-pill{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--bg-card);border-radius:999px;border:1px solid var(--border)}.user-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-title{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}.card-row{display:grid;gap:16px}.card-row.cols-4{grid-template-columns:repeat(4,1fr)}.card-row.cols-3{grid-template-columns:repeat(3,1fr)}.card-row.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.card-row.cols-4{grid-template-columns:repeat(2,1fr)}}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text-primary);line-height:1.2}.stat-sub{color:var(--text-tertiary);font-size:12px;margin-top:4px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot.up,.dot.healthy{background:var(--success);box-shadow:0 0 6px var(--success)}.dot.warn,.dot.warning{background:var(--warning);box-shadow:0 0 6px var(--warning)}.dot.down,.dot.critical{background:var(--critical);box-shadow:0 0 6px var(--critical)}.dot.unknown{background:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.critical{background:var(--critical-soft);color:var(--critical)}.badge.info{background:var(--accent-soft);color:var(--accent)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}.table td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-primary)}.table tr:hover td{background:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:22px;font-weight:600;margin:0;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.login-shell{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a2238 0%,var(--bg-base) 60%)}.login-card{width:380px;max-width:90%}.login-card h1{font-size:22px;font-weight:600;margin:0 0 4px}.login-card .subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:24px}.field{margin-bottom:16px}.error{color:var(--critical);font-size:13px;margin-top:8px}.empty{text-align:center;color:var(--text-tertiary);padding:40px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;align-items:center;gap:8px}.row.justify-between{justify-content:space-between}.muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.gap-1{gap:8px}.gap-2{gap:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.log-viewer{background:#06090f;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;line-height:1.6;padding:12px;max-height:600px;overflow:auto;white-space:pre-wrap;word-break:break-all}.log-line{color:var(--text-primary);padding:1px 0}.log-line .ts{color:var(--text-tertiary);margin-right:10px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kanban-col h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.incident-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--text-tertiary);border-radius:var(--radius);padding:12px;margin-bottom:10px;cursor:pointer}.incident-card.critical{border-left-color:var(--critical)}.incident-card.warning{border-left-color:var(--warning)}.incident-card.info{border-left-color:var(--accent)}.incident-card:hover{background:var(--bg-hover)}