:root{color-scheme:light dark;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 999px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--speed: .14s;--ease: cubic-bezier(.2, 0, 0, 1)}:root{--canvas: #0b0e13;--canvas-deep: #070a0e;--surface: #12161d;--surface-2: #171c25;--surface-3: #1e2530;--border: #242c38;--border-strong: #36404f;--ink: #e9eef5;--ink-2: #9aa6b6;--ink-3: #6e7a8a;--accent: #5b9dff;--accent-hover: #7db0ff;--accent-ink: #06090d;--accent-soft: #0f1d33;--ok: #4ade80;--ok-soft: #0c2318;--warn: #f0b45e;--warn-soft: #2a1f0f;--danger: #ff8a80;--danger-soft: #2d1414;--info: #7fb0ff;--info-soft: #101d33;--neutral-soft: #1a212b;--danger-ink: #2d1414;--brand-2: #a855f7;--shadow-1: 0 1px 2px rgb(0 0 0 / 45%);--shadow-2: 0 1px 3px rgb(0 0 0 / 50%), 0 12px 32px -16px rgb(0 0 0 / 70%);--shadow-3: 0 28px 70px -24px rgb(0 0 0 / 80%);--ring: 0 0 0 3px rgb(91 157 255 / 28%)}:root[data-theme=light]{--canvas: #f7f8fa;--canvas-deep: #eef0f4;--surface: #ffffff;--surface-2: #f4f6f8;--surface-3: #e9edf2;--border: #dfe3e9;--border-strong: #c3cad4;--ink: #11151a;--ink-2: #4b5563;--ink-3: #7b8593;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-ink: #ffffff;--accent-soft: #e8effd;--ok: #0f7a3d;--ok-soft: #e4f6ea;--warn: #9a5b00;--warn-soft: #fdf0dc;--danger: #b42318;--danger-soft: #fdecea;--info: #1856c4;--info-soft: #e9f0fd;--neutral-soft: #eef0f3;--danger-ink: #ffffff;--brand-2: #a855f7;--shadow-1: 0 1px 2px rgb(16 24 40 / 5%);--shadow-2: 0 1px 3px rgb(16 24 40 / 8%), 0 8px 24px -12px rgb(16 24 40 / 16%);--shadow-3: 0 24px 60px -20px rgb(16 24 40 / 28%);--ring: 0 0 0 3px rgb(37 99 235 / 22%)}@media(prefers-color-scheme:light){:root[data-theme=auto]{--canvas: #f7f8fa;--canvas-deep: #eef0f4;--surface: #ffffff;--surface-2: #f4f6f8;--surface-3: #e9edf2;--border: #dfe3e9;--border-strong: #c3cad4;--ink: #11151a;--ink-2: #4b5563;--ink-3: #7b8593;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-ink: #ffffff;--accent-soft: #e8effd;--ok: #0f7a3d;--ok-soft: #e4f6ea;--warn: #9a5b00;--warn-soft: #fdf0dc;--danger: #b42318;--danger-soft: #fdecea;--info: #1856c4;--info-soft: #e9f0fd;--neutral-soft: #eef0f3;--danger-ink: #ffffff;--brand-2: #a855f7;--shadow-1: 0 1px 2px rgb(16 24 40 / 5%);--shadow-2: 0 1px 3px rgb(16 24 40 / 8%), 0 8px 24px -12px rgb(16 24 40 / 16%);--shadow-3: 0 24px 60px -20px rgb(16 24 40 / 28%);--ring: 0 0 0 3px rgb(37 99 235 / 22%)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.011em;color:var(--ink)}h1{font-size:1.375rem;letter-spacing:-.02em}h2{font-size:.9375rem}h3{font-size:.875rem}p{margin:0 0 var(--s-3)}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3);font-size:.8125rem}.mono{font-family:var(--font-mono);font-size:.8125rem;font-variant-numeric:tabular-nums}.nums{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:grid;grid-template-columns:236px 1fr;min-height:100%}.sidebar{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-4) var(--s-3);background:var(--canvas-deep);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);font-weight:600;letter-spacing:-.015em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--accent),color-mix(in oklab,var(--accent),var(--brand-2) 45%));color:var(--accent-ink);font-size:.75rem;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-1)}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{padding:var(--s-2) var(--s-2) var(--s-1);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.nav button{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.nav button:hover{background:var(--surface-2);color:var(--ink)}.nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav .badge-count{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:var(--radius-full);background:var(--danger-soft);color:var(--danger);font-size:.6875rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.nav-icon{flex:0 0 auto;width:16px;height:16px;opacity:.9}.sidebar-foot{margin-top:auto;padding:var(--s-3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.main{min-width:0;padding:var(--s-5) var(--s-6) var(--s-7);max-width:1500px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.page-head p{margin:var(--s-1) 0 0;color:var(--ink-2)}.toolbar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.card{padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1)}.card+.card{margin-top:var(--s-4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-3)}.card-flush{padding:0;overflow:hidden}.card-flush .card-head{padding:var(--s-4) var(--s-4) var(--s-3);margin:0;border-bottom:1px solid var(--border)}.grid{display:grid;gap:var(--s-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.row{display:flex;align-items:center;gap:var(--s-3)}.row-between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.stack-tight{gap:var(--s-2)}.stat{display:flex;flex-direction:column;gap:var(--s-1)}.stat-label{font-size:.75rem;font-weight:500;color:var(--ink-2)}.stat-value{font-size:1.75rem;font-weight:650;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-note{font-size:.75rem;color:var(--ink-3)}.stat-tone-ok .stat-value{color:var(--ok)}.stat-tone-warn .stat-value{color:var(--warn)}.stat-tone-danger .stat-value{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:550;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-info{color:var(--info);background:var(--info-soft)}.badge-neutral{color:var(--ink-2);background:var(--neutral-soft)}.badge-live:before{animation:pulse 1.8s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){.badge-live:before{animation:none}*{transition-duration:.01ms!important}}.notice{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4);border-radius:var(--radius);border:1px solid transparent;font-size:.875rem}.notice h3{margin-bottom:var(--s-1)}.notice-ok{background:var(--ok-soft);border-color:color-mix(in oklab,var(--ok),transparent 70%);color:var(--ok)}.notice-warn{background:var(--warn-soft);border-color:color-mix(in oklab,var(--warn),transparent 70%);color:var(--warn)}.notice-danger{background:var(--danger-soft);border-color:color-mix(in oklab,var(--danger),transparent 70%);color:var(--danger)}.notice-info{background:var(--info-soft);border-color:color-mix(in oklab,var(--info),transparent 70%);color:var(--info)}.notice-body{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:7px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-weight:550;font-size:.8125rem;cursor:pointer;white-space:nowrap;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),transform var(--speed) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--danger-ink)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-sm{padding:4px 9px;font-size:.75rem}.btn-icon{padding:6px;width:30px;height:30px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:.875rem;transition:border-color var(--speed) var(--ease)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--ink-3)}input:disabled,select:disabled{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed}label{display:block;font-size:.8125rem;font-weight:550;margin-bottom:var(--s-1)}.field{margin-bottom:var(--s-4)}.field .faint{margin-top:var(--s-1)}.field-row{display:grid;grid-template-columns:1fr 140px;align-items:start;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.field-row:last-child{border-bottom:0}.field-row label{margin:0}.field-row .faint{margin-top:2px;max-width:60ch}.changed{position:relative}.changed:after{content:"";position:absolute;top:50%;left:-12px;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}table{width:100%;border-collapse:collapse;font-size:.875rem}th{padding:var(--s-2) var(--s-3);text-align:left;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);position:sticky;top:0}td{padding:var(--s-3);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer;transition:background var(--speed) var(--ease)}tbody tr.clickable:hover{background:var(--surface-2)}.timeline{position:relative;padding-left:var(--s-6)}.timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--border)}.tl-item{position:relative;padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.tl-item:last-child{border-bottom:0}.tl-dot{position:absolute;left:calc(var(--s-6) * -1 + 5px);top:calc(var(--s-3) + 5px);width:14px;height:14px;border-radius:50%;border:2px solid var(--canvas);background:var(--border-strong);box-shadow:0 0 0 2px var(--border)}.tl-ok{background:var(--ok);box-shadow:0 0 0 2px color-mix(in oklab,var(--ok),transparent 60%)}.tl-warn{background:var(--warn);box-shadow:0 0 0 2px color-mix(in oklab,var(--warn),transparent 60%)}.tl-danger{background:var(--danger);box-shadow:0 0 0 2px color-mix(in oklab,var(--danger),transparent 60%)}.tl-info{background:var(--info);box-shadow:0 0 0 2px color-mix(in oklab,var(--info),transparent 60%)}.meter{height:6px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .4s var(--ease)}.meter-fill.ok{background:var(--ok)}.meter-fill.warn{background:var(--warn)}.meter-fill.danger{background:var(--danger)}.palette-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:start center;padding-top:12vh;background:#04070c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.palette{width:min(560px,calc(100vw - 2rem));border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-3);overflow:hidden}.palette input{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:var(--s-4);font-size:.9375rem;background:transparent}.palette input:focus-visible{box-shadow:none}.palette-list{max-height:46vh;overflow-y:auto;padding:var(--s-2)}.palette-item{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.palette-item[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.palette-hint{margin-left:auto;font-size:.6875rem;color:var(--ink-3)}.kbd{display:inline-block;min-width:18px;padding:1px 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface-2);font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-2);text-align:center}.live{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ink-3)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 2.4s var(--ease) infinite}.live-dot.stale{background:var(--warn);animation:none}.empty{padding:var(--s-6) var(--s-4);text-align:center;color:var(--ink-2)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.auth{display:grid;place-items:center;min-height:100vh;padding:var(--s-4);background:radial-gradient(1000px 500px at 50% -10%,var(--accent-soft),transparent 70%),var(--canvas)}.auth-card{width:min(420px,100%);padding:var(--s-6);box-shadow:var(--shadow-2)}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;gap:var(--s-3)}.nav{flex-direction:row}.nav-label,.sidebar-foot{display:none}.main{padding:var(--s-4)}.field-row{grid-template-columns:1fr}}