:root{color-scheme:light dark;--paper: #F5F8FD;--paper-raised: #FFFFFF;--paper-dim: #EAF0F9;--ink: #10213D;--ink-soft: #43556F;--ink-faint: #56677F;--line: #DCE5F2;--line-strong: #C3D0E3;--control-border: #6F819C;--link: #1D4ED8;--focus-ring: #2563EB;--fox: #2563EB;--fox-deep: #1D4ED8;--fox-soft: #E3EDFF;--fox-glow: rgba(37, 99, 235, .18);--up: #2F9E44;--up-soft: #E3F5E7;--degraded: #E8890C;--degraded-soft: #FDF0DC;--down: #C42B5F;--down-soft: #FBE4EC;--muted: #56677F;--muted-soft: #E4EBF6;--on-accent: #FFFFFF;--down-ink: #9C2554;--degraded-ink: #A85908;--up-ink: #1C7A30;--scrim: rgba(10, 22, 46, .45);--toggle-knob: #FFFFFF;--skeleton-shine: rgba(255, 255, 255, .75);--btn-primary-shadow: 0 1px 2px rgba(37, 99, 235, .35);--shadow-card: 0 1px 2px rgba(16, 33, 61, .05), 0 4px 16px rgba(16, 33, 61, .07);--shadow-pop: 0 4px 12px rgba(16, 33, 61, .1), 0 16px 48px rgba(16, 33, 61, .18)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper: #0D1526;--paper-raised: #142038;--paper-dim: #09101E;--ink: #E9EFFA;--ink-soft: #B1BED4;--ink-faint: #8E9DB8;--line: #22304D;--line-strong: #2F4166;--control-border: #62779D;--link: #86AEFF;--focus-ring: #7BA6FF;--fox: #5B94FF;--fox-deep: #86AEFF;--fox-soft: #15294F;--fox-glow: rgba(91, 148, 255, .3);--up: #51CF66;--up-soft: #14301B;--degraded: #FFA94D;--degraded-soft: #382A10;--down: #FF6B9D;--down-soft: #3A1524;--muted: #97A5BF;--muted-soft: #1B2740;--on-accent: #0D1526;--down-ink: #FF9AB8;--degraded-ink: #FFA94D;--up-ink: #51CF66;--scrim: rgba(0, 0, 0, .6);--toggle-knob: #E9EFFA;--skeleton-shine: rgba(255, 255, 255, .06);--btn-primary-shadow: 0 1px 2px rgba(0, 0, 0, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .5);--shadow-pop: 0 4px 12px rgba(0, 0, 0, .5), 0 16px 48px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper: #0D1526;--paper-raised: #142038;--paper-dim: #09101E;--ink: #E9EFFA;--ink-soft: #B1BED4;--ink-faint: #8E9DB8;--line: #22304D;--line-strong: #2F4166;--control-border: #62779D;--link: #86AEFF;--focus-ring: #7BA6FF;--fox: #5B94FF;--fox-deep: #86AEFF;--fox-soft: #15294F;--fox-glow: rgba(91, 148, 255, .3);--up: #51CF66;--up-soft: #14301B;--degraded: #FFA94D;--degraded-soft: #382A10;--down: #FF6B9D;--down-soft: #3A1524;--muted: #97A5BF;--muted-soft: #1B2740;--on-accent: #0D1526;--down-ink: #FF9AB8;--degraded-ink: #FFA94D;--up-ink: #51CF66;--scrim: rgba(0, 0, 0, .6);--toggle-knob: #E9EFFA;--skeleton-shine: rgba(255, 255, 255, .06);--btn-primary-shadow: 0 1px 2px rgba(0, 0, 0, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .5);--shadow-pop: 0 4px 12px rgba(0, 0, 0, .5), 0 16px 48px rgba(0, 0, 0, .6)}}:root{--font-sans: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--radius-s: 6px;--radius-m: 10px;--radius-l: 16px;--header-h: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;text-wrap:balance}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:is(p,li,dd,td,blockquote,figcaption,small):not(nav *) a:not(.btn){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}:is(p,li,dd,td,blockquote,figcaption,small):not(nav *) a:not(.btn):hover{text-decoration-thickness:2px}code,.mono{font-family:var(--font-mono);font-size:.92em}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}::selection{background:var(--fox-soft)}.container{width:min(1120px,100% - 48px);margin-inline:auto}@media(max-width:640px){.container{width:calc(100% - 32px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 20px;border-radius:var(--radius-m);border:1px solid transparent;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s cubic-bezier(.23,1,.32,1);white-space:nowrap}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--fox);color:var(--on-accent);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover:not(:disabled){background:var(--fox-deep)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--control-border);background:var(--fox-soft);color:var(--fox-deep)}.btn-danger{background:transparent;color:var(--down);border-color:color-mix(in srgb,var(--down) 40%,transparent)}.btn-danger{color:var(--down-ink)}.btn-danger:hover:not(:disabled){background:var(--down-soft)}.btn-lg{padding:14px 28px;font-size:17px;border-radius:12px}.btn-sm{min-height:36px;padding:6px 12px;font-size:13.5px;border-radius:var(--radius-s)}@media(max-width:640px){.btn{max-width:100%;white-space:normal}}.field{margin-bottom:18px}.field label{display:block;font-size:13.5px;font-weight:650;margin-bottom:6px;color:var(--ink)}.field .hint{font-size:12.5px;color:var(--ink-soft);margin-top:5px}.field .err{font-size:12.5px;color:var(--down-ink);margin-top:5px}.input,.select{width:100%;padding:10px 12px;font:inherit;font-size:15px;color:var(--ink);background:var(--paper-raised);border:1px solid var(--control-border);border-radius:var(--radius-s);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--ink-faint)}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--ink-faint)}.input:focus-visible,.select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus-ring);box-shadow:0 0 0 4px var(--fox-glow)}.input:disabled,.select:disabled{background:var(--paper-dim);color:var(--ink-faint);border-color:var(--line-strong);cursor:not-allowed}.input.invalid{border-color:var(--down)}.input.invalid:focus-visible{outline-color:var(--down);box-shadow:0 0 0 4px var(--down-soft)}.form-error{background:var(--down-soft);color:var(--down-ink);border:1px solid color-mix(in srgb,var(--down) 30%,transparent);border-radius:var(--radius-s);padding:10px 14px;font-size:14px;margin-bottom:16px}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-card)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;font-size:12.5px;font-weight:600;color:var(--ink-soft);padding:10px 14px;background:var(--paper-dim);border-bottom:1px solid var(--line-strong)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--paper-dim)}.empty-card{text-align:center;padding:40px 24px;background:var(--paper-raised);border:1px dashed var(--line-strong);border-radius:var(--radius-l);color:var(--ink-soft)}.state-up{--state-c: var(--up);--state-bg: var(--up-soft);--state-ink: var(--up-ink)}.state-degraded{--state-c: var(--degraded);--state-bg: var(--degraded-soft);--state-ink: var(--degraded-ink)}.state-down{--state-c: var(--down);--state-bg: var(--down-soft);--state-ink: var(--down-ink)}.state-pending{--state-c: var(--fox);--state-bg: var(--fox-soft);--state-ink: var(--fox-deep)}.state-disabled,.state-unknown{--state-c: var(--muted);--state-bg: var(--muted-soft);--state-ink: var(--muted)}.skeleton{position:relative;overflow:hidden;background:var(--paper-dim);border-radius:var(--radius-s);color:transparent!important;-webkit-user-select:none;user-select:none}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--skeleton-shine) 50%,transparent 80%);animation:shimmer 1.4s infinite;translate:-100% 0}@keyframes shimmer{to{translate:100% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.graph-paper{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}@keyframes pulse-dot{0%{box-shadow:0 0 color-mix(in srgb,var(--state-c, var(--up)) 45%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}