:root,[data-theme=light]{--bg: #EEF0F7;--bg-2: #E4E7F1;--card: #FFFFFF;--card-2: #F2F4FA;--hover: rgba(13,16,48,.05);--divider: #D9DDEA;--card-border: #DDE1EC;--ink: #0D1030;--ink-2: #383D57;--mute: #767A8B;--on-accent: #FFFFFF;--blue: #5B79E6;--blue-2: #7690EE;--blue-soft: #E5EAFB;--pink: #E85E7E;--pink-soft: #FBE1E7;--green: #5FBE6E;--green-dark: #3D9A5E;--green-soft: #DEF1E0;--amber: #E6AC4E;--amber-soft: #FBEACB;--teal: #4FB6BE;--teal-soft: #D9EDEF;--violet: #9A7EE0;--amber-ink: #8a6800;--teal-ink: #127179;--heat-0: #EEF0F7;--heat-1: #D4DCF6;--heat-2: #A8BAEF;--heat-3: #7D97E8;--heat-4: #5B79E6;--heat-5: #3E5AC9;--s-1: #5B79E6;--s-2: #E85E7E;--s-3: #5FBE6E;--s-4: #E6AC4E;--s-5: #4FB6BE;--font: "Rubik","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono: "JetBrains Mono","SFMono-Regular",Menlo,monospace;--fs-d: 40px;--fs-h1: 28px;--fs-h2: 20px;--fs-h3: 17px;--fs-body: 14px;--fs-sm: 13px;--fs-xs: 12px;--fs-mini: 11px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--s10: 80px;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 14px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(13,16,48,.06);--shadow-2: 0 4px 14px rgba(13,16,48,.1);--dur-fast: .12s;--dur: .18s;--ease: cubic-bezier(.2, .6, .2, 1);--topbar-h: 60px;--density-row: 40px}[data-theme=dark]{--bg: #17181C;--bg-2: #101114;--card: #202226;--card-2: #1A1B1F;--hover: rgba(255,255,255,.06);--divider: #2C2E34;--card-border: #2C2E34;--ink: #FFFFFF;--ink-2: #C9CBD6;--mute: #7E8290;--blue: #6F8AF0;--blue-2: #8AA0F4;--blue-soft: rgba(111,138,240,.2);--pink: #F06B87;--pink-soft: rgba(240,107,135,.2);--green: #6AC978;--green-dark: #4EAC69;--green-soft: rgba(106,201,120,.2);--amber: #EAB65E;--amber-soft: rgba(234,182,94,.22);--teal: #5EC3CB;--teal-soft: rgba(94,195,203,.2);--violet: #A88CEA;--amber-ink: #EAB65E;--teal-ink: #5EC3CB;--heat-0: #202226;--heat-1: #26304F;--heat-2: #33447A;--heat-3: #3E5AC9;--heat-4: #6F8AF0;--heat-5: #95AAF6;--s-1: #6F8AF0;--s-2: #F06B87;--s-3: #6AC978;--s-4: #EAB65E;--s-5: #5EC3CB;--shadow-1: 0 1px 2px rgba(0,0,0,.5);--shadow-2: 0 4px 18px rgba(0,0,0,.45)}:root{--status-up: var(--green);--status-up-soft: var(--green-soft);--status-degraded: var(--amber);--status-degraded-soft: var(--amber-soft);--status-down: var(--pink);--status-down-soft: var(--pink-soft);--status-unknown: var(--mute)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-xs)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:var(--s5);padding:0 var(--s6);background:var(--card);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:10}.topbar__brand{font-weight:600;letter-spacing:-.01em}.topbar__nav{display:flex;gap:var(--s2);margin-left:var(--s4)}.topbar__spacer{flex:1}.navlink{padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--mute);font-size:var(--fs-sm);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.navlink:hover{background:var(--hover);color:var(--ink)}.navlink[aria-current=page]{background:var(--blue-soft);color:var(--blue)}.page{padding:var(--s6);max-width:1280px;width:100%;margin:0 auto}.page__head{display:flex;align-items:baseline;gap:var(--s4);margin-bottom:var(--s5)}.page__title{font-size:var(--fs-h1);font-weight:650;letter-spacing:-.02em}.page__sub{color:var(--mute);font-size:var(--fs-sm)}.stack{display:grid;gap:var(--s4)}.page__spacer{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s4)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:var(--s4)}.card--link{display:block;transition:border-color var(--dur-fast) var(--ease)}.card--link:hover{border-color:var(--blue)}.card__head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.card__title{font-weight:600;font-size:var(--fs-h3);letter-spacing:-.01em}.card__meta{color:var(--mute);font-size:var(--fs-xs);font-family:var(--font-mono)}.dot{width:10px;height:10px;border-radius:var(--r-pill);flex:none}.badge{display:inline-flex;align-items:center;gap:var(--s1);padding:2px var(--s2);border-radius:var(--r-pill);font-size:var(--fs-mini);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat{display:flex;flex-direction:column;gap:2px}.stat__value{font-size:var(--fs-h2);font-weight:650;font-variant-numeric:tabular-nums}.stat__label{color:var(--mute);font-size:var(--fs-mini);text-transform:uppercase;letter-spacing:.05em}.stat-row{display:flex;gap:var(--s6)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;color:var(--mute);font-weight:500;font-size:var(--fs-mini);text-transform:uppercase;letter-spacing:.05em;padding:var(--s2) var(--s3);border-bottom:1px solid var(--divider)}.table td{padding:var(--s3);border-bottom:1px solid var(--divider);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--hover)}.mono{font-family:var(--font-mono);font-size:var(--fs-xs)}.truncate{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--card-border);border-radius:var(--r-sm);background:var(--card);font-size:var(--fs-sm);font-weight:500;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover{background:var(--hover)}.btn--primary{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.btn--primary:hover{background:var(--blue-2)}.btn--danger{color:var(--pink);border-color:var(--pink)}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;border:1px solid var(--card-border);border-radius:var(--r-sm);overflow:hidden}.seg button{padding:var(--s1) var(--s3);background:transparent;font-size:var(--fs-xs);border:none}.seg button[aria-pressed=true]{background:var(--blue);color:var(--on-accent)}.input{width:100%;padding:var(--s2) var(--s3);border:1px solid var(--card-border);border-radius:var(--r-sm);background:var(--card-2);color:var(--ink);font-size:var(--fs-sm)}.empty{padding:var(--s8) var(--s4);text-align:center;color:var(--mute)}.error{padding:var(--s3) var(--s4);border:1px solid var(--pink);background:var(--pink-soft);border-radius:var(--r-md);color:var(--ink);font-size:var(--fs-sm)}.skeleton{background:linear-gradient(90deg,var(--card-2) 25%,var(--hover) 50%,var(--card-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:640px){.page{padding:var(--s4) var(--s3)}.stat-row{gap:var(--s4);flex-wrap:wrap}.topbar{padding:0 var(--s3)}}