:root{--brand-400: #6ea8ff;--brand-500: #4f8cff;--brand-600: #3b74e6;--brand-700: #2f5fc0;--radius-sm: 7px;--radius-md: 11px;--radius-lg: 16px;--transition: .15s cubic-bezier(.4, 0, .2, 1);--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--bg: #0b0e14;--bg-grad: radial-gradient(1200px 600px at 12% -8%, rgba(79, 140, 255, .1), transparent 60%), #0b0e14;--surface: #12161f;--surface-2: #171c27;--surface-3: #1d2430;--border: #232b38;--border-2: #2c3543;--text: #e7edf5;--text-2: #9fb0c3;--text-3: #6b7888;--primary: var(--brand-500);--primary-soft: rgba(79, 140, 255, .14);--success: #3fce84;--success-soft: rgba(63, 206, 132, .14);--warning: #e3b341;--warning-soft: rgba(227, 179, 65, .14);--error: #ff6b6b;--error-soft: rgba(255, 107, 107, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);font-family:var(--font);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-grad);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}h1,h2,h3{font-weight:650;letter-spacing:-.01em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#3a4554}button,.btn{font:inherit;font-weight:550;cursor:pointer;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;transition:background var(--transition),border-color var(--transition),transform var(--transition);display:inline-flex;align-items:center;gap:7px}button:hover,.btn:hover{background:var(--surface-3);border-color:#38424f}button:active,.btn:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.primary,.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 10px #4f8cff4d}button.primary:hover{background:var(--brand-600);border-color:var(--brand-600)}button.danger{color:var(--error);border-color:#ff6b6b66;background:var(--error-soft)}button.ghost{background:transparent;border-color:transparent;color:var(--text-2)}button.ghost:hover{background:var(--surface-2);color:var(--text)}button.sm{padding:5px 10px;font-size:12.5px}input,select,textarea{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:9px 11px;transition:border-color var(--transition),box-shadow var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input::placeholder{color:var(--text-3)}label{font-size:12.5px;color:var(--text-2);font-weight:550}.card{background:linear-gradient(180deg,var(--surface),var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-sm)}.card-pad-0{padding:0}.page-head{margin-bottom:22px}.page-head h2{margin:0 0 4px;font-size:21px}.page-head .sub{color:var(--text-2);font-size:13px;margin:0}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);opacity:.8}.stat .label{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:6px}.stat .value{font-size:25px;font-weight:680;margin-top:5px;letter-spacing:-.02em}.stat .delta{font-size:11.5px;margin-top:3px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;color:var(--text-2);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border)}.tbl tbody td{padding:11px 12px;border-bottom:1px solid var(--border)}.tbl tbody tr{transition:background var(--transition)}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .mono{font-family:var(--mono);font-size:12px}.clickable{cursor:pointer}.clickable:hover{background:var(--primary-soft)!important}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid transparent}.badge.ok{color:var(--success);background:var(--success-soft)}.badge.warn{color:var(--warning);background:var(--warning-soft)}.badge.err{color:var(--error);background:var(--error-soft)}.badge.info{color:var(--brand-400);background:var(--primary-soft)}.badge.neutral{color:var(--text-2);background:var(--surface-3)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:5px}.field input,.field select{min-width:130px}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg button{background:transparent;border:none;padding:5px 12px;font-size:12.5px;color:var(--text-2);border-radius:5px}.seg button.on{background:var(--primary);color:#fff}.switch{position:relative;width:40px;height:22px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;inset:0;background:var(--surface-3);border:1px solid var(--border-2);border-radius:999px;transition:var(--transition)}.switch .track:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:var(--text-2);border-radius:50%;transition:var(--transition)}.switch input:checked+.track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.track:before{transform:translate(18px);background:#fff}.callout{background:var(--primary-soft);border:1px solid rgba(79,140,255,.25);border-radius:var(--radius-sm);padding:12px 14px;font-size:12.5px;color:var(--text-2);line-height:1.6}.callout b{color:var(--text)}.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.check{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:var(--transition)}.check:hover{border-color:var(--border-2);background:var(--surface-2)}.check input{width:16px;height:16px;accent-color:var(--primary)}.check .t{font-size:13px}.check .d{font-size:11px;color:var(--text-3)}textarea.code{font-family:var(--mono);font-size:12px;line-height:1.6;background:#0d1017}