*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f4f0;--color-surface: #ffffff;--color-surface2: #eeecea;--color-border: rgba(0,0,0,.1);--color-border-md: rgba(0,0,0,.18);--color-text: #1a1a18;--color-text2: #5a5a56;--color-muted: #8a8a85;--color-primary: #185fa5;--color-primary-hover: #0c447c;--color-success: #3b6d11;--color-warning: #854f0b;--color-danger: #a32d2d;--color-info: #185fa5;--color-blue-bg: #e6f1fb;--color-green-bg: #eaf3de;--color-amber-bg: #faeeda;--color-red-bg: #faeaea;--radius: 8px;--radius-lg: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:13px;border-radius:var(--radius);padding:6px 14px;transition:background .12s,opacity .15s}.btn-primary{background:var(--color-primary);color:#fff;border:.5px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:transparent;color:var(--color-text2);border:.5px solid var(--color-border-md)}.btn-ghost:hover{background:var(--color-bg);color:var(--color-text)}input,select{background:var(--color-surface);border:.5px solid var(--color-border-md);border-radius:var(--radius);color:var(--color-text);font-family:inherit;font-size:13px;padding:7px 10px;outline:none;transition:border-color .12s}input:focus,select:focus{border-color:var(--color-primary)}.flex{display:flex}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--color-muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:0 0 8px;border-bottom:.5px solid var(--color-border);white-space:nowrap}td{padding:8px 4px 8px 0;border-bottom:.5px solid var(--color-border);vertical-align:middle;color:var(--color-text2)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-bg)}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:500}.badge-critical{background:var(--color-red-bg);color:var(--color-danger)}.badge-attention{background:var(--color-amber-bg);color:var(--color-warning)}.badge-monitor{background:var(--color-blue-bg);color:var(--color-primary)}.badge-success{background:var(--color-green-bg);color:var(--color-success)}.badge-neutral{background:var(--color-surface2);color:var(--color-muted)}.badge-active{background:var(--color-green-bg);color:var(--color-success)}.badge-inactive{background:var(--color-surface2);color:var(--color-muted)}.badge-failed{background:var(--color-red-bg);color:var(--color-danger)}.badge-partial{background:var(--color-amber-bg);color:var(--color-warning)}.badge-blue{background:var(--color-blue-bg);color:var(--color-primary-hover)}.badge-green{background:var(--color-green-bg);color:var(--color-success)}.badge-amber{background:var(--color-amber-bg);color:var(--color-warning)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000047}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}