@layer reset,base,components,utilities;@layer reset{:where(*,*:before,*:after){box-sizing:border-box}:where(body){margin:0}:where(img,svg){display:block;max-width:100%}:where(a){color:inherit;text-decoration:none}:where(button,input,select,textarea){font:inherit;color:inherit}:where(pre){margin:0;font-family:var(--font-mono)}}@layer base{:root{color-scheme:dark;--surface-0: #0b0f14;--surface-1: #121821;--surface-2: #1a2330;--surface-3: #223047;--border: #2b3850;--border-strong: #3b4b66;--text-1: #f8faff;--text-2: #c7d1e4;--text-3: #98a4bb;--accent-1: #4f8cff;--accent-2: #77a6ff;--accent-3: #a8c4ff;--success: #39d98a;--warning: #f4c152;--danger: #ff7b7b;--violet: #a78bfa;--teal: #2dd4bf;--orange: #fb923c;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .35);--shadow-card: 0 8px 20px rgba(0, 0, 0, .2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}}@layer base{html{scrollbar-gutter:stable}body{min-height:100vh;font-family:var(--font-sans);color:var(--text-1);line-height:1.5;background:var(--surface-0)}#root{min-height:100vh}::selection{background:color-mix(in srgb,var(--accent-1) 40%,transparent);color:var(--text-1)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.page{padding:var(--space-6)}.page--loose{padding:var(--space-7)}.page--center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.page-title{margin:0;font-size:clamp(1.4rem,1.2rem + 1vw,2rem);font-weight:650;letter-spacing:-.02em;text-wrap:balance}.section-title{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.section-label{font-size:.85rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border)}.topbar__link{color:var(--text-2);font-weight:500;transition:color .15s ease}.topbar__link:hover{color:var(--accent-3)}.topbar__link.active{color:var(--text-1);font-weight:600}.tabs{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border)}.tabs__link{color:var(--text-2);font-weight:500;transition:color .15s ease}.tabs__link:hover{color:var(--text-1)}.tabs__link.active{color:var(--text-1);font-weight:600}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.card--elevated{box-shadow:var(--shadow-soft)}.card--interactive{transition:background .16s ease,border-color .16s ease,transform .16s ease}.card--interactive:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.table-scroll{overflow-x:auto;border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:.95rem;color:var(--text-2)}.table--fixed{table-layout:fixed}.table__head{background:var(--surface-2)}.table__header{text-align:left;padding:var(--space-3) var(--space-4);color:var(--text-1);font-weight:600}.table__header--compact{font-size:.85rem}.table__header-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.table__header--sortable{-webkit-user-select:none;user-select:none}.table__header--sorted{color:var(--accent-2)}.table__row{border-bottom:1px solid var(--border);transition:background .16s ease}.table__row:hover{background:color-mix(in srgb,var(--surface-2) 75%,transparent)}.table__cell{padding:var(--space-3) var(--space-4)}.table__cell--right{text-align:right}.table__cell--mono{font-family:var(--font-mono)}.table__cell--nowrap{white-space:nowrap}.table__cell--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table__cell--numeric{font-variant-numeric:tabular-nums}.table__cell--actions{white-space:nowrap}.table__state-cell{text-align:center;padding-block:var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field--inline{flex-direction:row;align-items:center;gap:var(--space-2)}.field__label{font-size:.85rem;color:var(--text-2)}.input,.select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem .75rem;color:var(--text-1);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1) 25%,transparent)}.input--sm,.select--sm{padding:.4rem .6rem;font-size:.9rem}.input--filter{min-width:16rem;width:min(20rem,100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent-1);color:#05112b;box-shadow:0 6px 18px #4f8cff4d}.btn--primary:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px)}.btn--neutral{background:var(--surface-3);color:var(--text-1);border-color:var(--border)}.btn--neutral:hover:not(:disabled){border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-3) 80%,var(--accent-1) 20%)}.btn--danger{background:color-mix(in srgb,var(--danger) 70%,var(--surface-3));color:#2b0c0c}.btn--danger:hover:not(:disabled){background:var(--danger)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn--ghost:hover:not(:disabled){color:var(--text-1);border-color:var(--border-strong)}.btn--sm{padding:.4rem .75rem;font-size:.85rem}.btn--block{width:100%}.link{color:var(--accent-2);font-weight:500;text-underline-offset:3px;transition:color .15s ease}.link:hover{color:var(--accent-3);text-decoration:underline}.link--muted{color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent;background:var(--surface-3);color:var(--text-1)}.alert{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);font-size:.9rem}.alert--danger{background:color-mix(in srgb,var(--danger) 18%,var(--surface-1));border-color:color-mix(in srgb,var(--danger) 45%,var(--surface-1));color:#ffd4d4}.banner{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font-size:.85rem}.banner--danger{background:color-mix(in srgb,var(--danger) 18%,var(--surface-1));color:#ffdede;border-color:color-mix(in srgb,var(--danger) 35%,var(--surface-1))}.divider{border:none;border-top:1px solid var(--border);margin:0}.code-block{margin:0;padding:var(--space-4);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-2);overflow-x:auto}.log-entry{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:.82rem}.log-entry__meta{display:flex;align-items:center;gap:var(--space-2)}.log-level{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}}@layer utilities{.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--xs{gap:var(--space-1)}.stack--sm{gap:var(--space-2)}.stack--md{gap:var(--space-4)}.stack--lg{gap:var(--space-6)}.stack--xl{gap:var(--space-7)}.cluster{display:flex;align-items:center;gap:var(--space-3)}.cluster--between{justify-content:space-between}.cluster--wrap{flex-wrap:wrap}.cluster--align-start{align-items:flex-start}.cluster--tight{gap:var(--space-2)}.grid{display:grid;gap:var(--space-4)}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid--details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.text-muted{color:var(--text-2)}.text-subtle{color:var(--text-3)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent-2)}.text--sm{font-size:.9rem}.text--xs{font-size:.75rem}.text--mono{font-family:var(--font-mono)}.text--right{text-align:right}.text--center{text-align:center}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.scroll-y{overflow-y:auto}.scroll-y--max{max-height:24rem}}