:root{--jade-50: #e9f5f1;--jade-100: #cfe9e1;--jade-200: #a3d5c7;--jade-300: #6fbca7;--jade-400: #3d9f86;--jade-500: #12836a;--jade-600: #0b7a63;--jade-700: #08624f;--jade-800: #064a3c;--jade-900: #043128;--amber-100: #fcefd6;--amber-300: #f0c271;--amber-500: #c8811a;--red-100: #fde7e4;--red-500: #c4432f;--red-600: #a5351f;--green-100: #e4f5e7;--green-500: #2e7d46;--blue-100: #e4eefb;--blue-500: #2c5fa8;--violet-100: #efe9fb;--violet-500: #6244b0;--green-ink: #2b7440;--red-ink: #a5351f;--amber-ink: #8a5810;--blue-ink: #2c5fa8;--violet-ink: #5a3ea6;--ink-900: #16211e;--ink-800: #24322e;--ink-700: #3a4a45;--ink-600: #55655f;--ink-500: #66766f;--ink-400: #97a5a0;--ink-300: #c2ccc8;--ink-200: #dde4e1;--ink-100: #eef2f0;--ink-50: #f7faf9;--paper: #ffffff;--background: var(--ink-50);--surface: var(--paper);--surface-elevated: var(--paper);--surface-muted: var(--ink-100);--surface-hover: var(--ink-100);--surface-active: var(--ink-200);--surface-selected: var(--jade-50);--border: var(--ink-200);--border-strong: var(--ink-300);--text-primary: var(--ink-900);--text-secondary: var(--ink-600);--text-muted: var(--ink-500);--text-disabled: var(--ink-400);--text-on-accent: #ffffff;--accent: var(--jade-600);--accent-hover: var(--jade-700);--accent-active: var(--jade-800);--accent-subtle: var(--jade-50);--accent-text: var(--jade-700);--success: var(--green-500);--warning: var(--amber-500);--danger: var(--red-500);--danger-hover: var(--red-600);--info: var(--blue-500);--focus-ring: var(--jade-500);--overlay: rgb(22 33 30 / 45%);--radius: 8px;--radius-sm: 5px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgb(22 33 30 / 6%);--shadow: 0 2px 8px rgb(22 33 30 / 8%), 0 1px 2px rgb(22 33 30 / 6%);--shadow-lg: 0 12px 32px rgb(22 33 30 / 14%), 0 2px 8px rgb(22 33 30 / 8%);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--sidebar: 232px}:root[data-theme=dark],:root[data-theme=dark] ::backdrop{color-scheme:dark;--background: #101917;--surface: #16211e;--surface-elevated: #1c2925;--surface-muted: #1e2b27;--surface-hover: #223029;--surface-active: #2a3a35;--surface-selected: #123329;--border: #2a3a35;--border-strong: #3a4a45;--text-primary: #eef2f0;--text-secondary: #b3c0bb;--text-muted: #8b9994;--text-disabled: #6b7a75;--text-on-accent: #ffffff;--accent: var(--jade-500);--accent-hover: var(--jade-600);--accent-active: var(--jade-700);--accent-subtle: #0d241e;--accent-text: var(--jade-300);--success: #5fbd7a;--warning: #dda343;--danger: var(--red-500);--danger-hover: var(--red-600);--info: #6b9fe0;--focus-ring: var(--jade-300);--overlay: rgb(0 0 0 / 62%);--jade-50: #0d241e;--jade-100: #123329;--red-100: #381914;--green-100: #16301d;--amber-100: #33260f;--blue-100: #16243a;--violet-100: #241c3a;--green-ink: #7fcf95;--red-ink: #f0a294;--amber-ink: #e8bd76;--blue-ink: #8fb5ea;--violet-ink: #b6a0ee;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow: 0 2px 8px rgb(0 0 0 / 36%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 48%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]),:root:not([data-theme=light]):not([data-theme=dark]) ::backdrop{color-scheme:dark;--background: #101917;--surface: #16211e;--surface-elevated: #1c2925;--surface-muted: #1e2b27;--surface-hover: #223029;--surface-active: #2a3a35;--surface-selected: #123329;--border: #2a3a35;--border-strong: #3a4a45;--text-primary: #eef2f0;--text-secondary: #b3c0bb;--text-muted: #8b9994;--text-disabled: #6b7a75;--text-on-accent: #ffffff;--accent: var(--jade-500);--accent-hover: var(--jade-600);--accent-active: var(--jade-700);--accent-subtle: #0d241e;--accent-text: var(--jade-300);--success: #5fbd7a;--warning: #dda343;--danger: var(--red-500);--danger-hover: var(--red-600);--info: #6b9fe0;--focus-ring: var(--jade-300);--overlay: rgb(0 0 0 / 62%);--jade-50: #0d241e;--jade-100: #123329;--red-100: #381914;--green-100: #16301d;--amber-100: #33260f;--blue-100: #16243a;--violet-100: #241c3a;--green-ink: #7fcf95;--red-ink: #f0a294;--amber-ink: #e8bd76;--blue-ink: #8fb5ea;--violet-ink: #b6a0ee;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow: 0 2px 8px rgb(0 0 0 / 36%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 48%)}}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.011em}h1{font-size:21px}h2{font-size:16px}h3{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100%}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3)}.brand-mark{inline-size:30px;block-size:30px;border-radius:var(--radius-sm);background:linear-gradient(140deg,var(--jade-500),var(--jade-700));color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;letter-spacing:.04em;flex:none}.brand-name{font-weight:640;font-size:14px;line-height:1.15}.brand-sub{font-size:11px;color:var(--text-muted)}.nav{padding:var(--sp-2);overflow-y:auto;flex:1}.nav-group{margin-block-start:var(--sp-4);padding-inline:var(--sp-3);padding-block-end:var(--sp-1);font-size:10px;font-weight:660;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;padding:7px var(--sp-3);border:0;background:none;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:13px;text-align:start;cursor:pointer}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item[aria-current=page]{background:var(--surface-selected);color:var(--accent-text);font-weight:570}.nav-count{margin-inline-start:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.nav-icon{inline-size:15px;block-size:15px;display:grid;place-items:center;flex:none;opacity:.8}.nav-item[aria-current=page] .nav-icon{opacity:1}.theme-toggle{display:flex;gap:2px;margin:0 var(--sp-2) var(--sp-2);padding:2px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.theme-option{flex:1;padding:4px 0;border:0;border-radius:3px;background:none;color:var(--text-secondary);font:inherit;font-size:11px;font-weight:560;cursor:pointer}.theme-option:hover{background:var(--surface-hover);color:var(--text-primary)}.theme-option[aria-checked=true]{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.theme-option[aria-checked=true]:hover{background:var(--surface)}.sidebar-foot{border-block-start:1px solid var(--border);padding:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3)}.avatar{inline-size:28px;block-size:28px;border-radius:50%;background:var(--accent-subtle);color:var(--accent-text);display:grid;place-items:center;font-size:11px;font-weight:640;flex:none}.who{min-inline-size:0;flex:1}.who-name{font-size:12px;font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-role{font-size:11px;color:var(--text-muted)}.main{min-inline-size:0;overflow-y:auto;display:flex;flex-direction:column}.topbar{position:sticky;inset-block-start:0;z-index:5;background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--border);padding:var(--sp-4) var(--sp-6);display:flex;align-items:center;gap:var(--sp-4)}.topbar-title{flex:1;min-inline-size:0}.topbar-sub{font-size:12px;color:var(--text-muted);margin-block-start:2px}.page{padding:var(--sp-5) var(--sp-6) var(--sp-7);flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{padding:var(--sp-4) var(--sp-5);border-block-end:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-3)}.card-body{padding:var(--sp-5)}.grid{display:grid;gap:var(--sp-4)}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.metric-label{font-size:11px;font-weight:580;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.metric-value{font-size:26px;font-weight:660;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-block-start:var(--sp-1);line-height:1.1}.metric-note{font-size:12px;color:var(--text-secondary);margin-block-start:2px}.metric.attention{border-color:var(--amber-300);background:var(--amber-100)}.metric.attention .metric-value,.metric.attention .metric-label{color:var(--amber-ink)}.metric.alarm{border-color:var(--danger);background:var(--red-100)}.metric.alarm .metric-value,.metric.alarm .metric-label{color:var(--red-ink)}.metric button.metric-link,button.metric{display:block;inline-size:100%;text-align:start;font:inherit;cursor:pointer;color:inherit}.table-wrap{overflow-x:auto}table{inline-size:100%;border-collapse:collapse;font-size:13px}th{text-align:start;font-size:11px;font-weight:620;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--border);white-space:nowrap}td{padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-block-end:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-hover)}.num{font-variant-numeric:tabular-nums;text-align:end}.mono{font-family:var(--mono);font-size:12px}.truncate{max-inline-size:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:580;line-height:1.6;white-space:nowrap}.badge-green{background:var(--green-100);color:var(--green-ink)}.badge-red{background:var(--red-100);color:var(--red-ink)}.badge-amber{background:var(--amber-100);color:var(--amber-ink)}.badge-blue{background:var(--blue-100);color:var(--blue-ink)}.badge-violet{background:var(--violet-100);color:var(--violet-ink)}.badge-grey{background:var(--surface-muted);color:var(--text-secondary)}.dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentcolor;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);font:inherit;font-size:13px;font-weight:540;cursor:pointer;white-space:nowrap;min-block-size:34px}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-warn{background:var(--amber-100);border-color:var(--amber-300);color:var(--amber-ink)}.btn-ghost{border-color:transparent;background:none;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:4px 9px;font-size:12px;min-block-size:28px}@media(pointer:coarse){.btn,.nav-item{min-block-size:44px}.btn-sm{min-block-size:38px}}.field{display:flex;flex-direction:column;gap:5px}label{font-size:12px;font-weight:560;color:var(--text-secondary)}.hint{font-size:11px;color:var(--text-muted)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{inline-size:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font:inherit;font-size:13px;min-block-size:34px}textarea{min-block-size:72px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--focus-ring);outline:2px solid color-mix(in srgb,var(--focus-ring) 30%,transparent);outline-offset:0}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.checks{display:grid;gap:2px}.check{display:flex;align-items:flex-start;gap:var(--sp-3);padding:6px var(--sp-2);border-radius:var(--radius-sm);cursor:pointer}.check:hover{background:var(--surface-hover)}.check input{margin-block-start:3px;accent-color:var(--accent);flex:none;inline-size:15px;block-size:15px}.check-label{font-size:13px;color:var(--text-primary);font-weight:500}.check-id{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.note{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:13px;border:1px solid;display:flex;gap:var(--sp-3);align-items:flex-start}.note-error{background:var(--red-100);border-color:var(--danger);color:var(--red-ink)}.note-warn{background:var(--amber-100);border-color:var(--amber-300);color:var(--amber-ink)}.note-ok{background:var(--green-100);border-color:var(--success);color:var(--green-ink)}.note-info{background:var(--blue-100);border-color:var(--info);color:var(--blue-ink)}.empty{padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--text-muted)}.empty-title{font-size:14px;font-weight:560;color:var(--text-secondary);margin-block-end:var(--sp-1)}.scrim{position:fixed;inset:0;background:#16211e66;display:grid;place-items:center;padding:var(--sp-4);z-index:50}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);inline-size:min(560px,100%);max-block-size:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden}.dialog-wide{inline-size:min(860px,100%)}.dialog-head{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-block-end:1px solid var(--border)}.dialog-body{padding:var(--sp-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.dialog-foot{padding:var(--sp-4) var(--sp-5);border-block-start:1px solid var(--border);display:flex;gap:var(--sp-3);justify-content:flex-end;background:var(--surface-muted)}.signin{min-block-size:100%;display:grid;place-items:center;padding:var(--sp-5)}.signin-card{inline-size:min(400px,100%)}.signin-brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-5);text-align:center}.steps{display:flex;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5) 0}.step{flex:1;padding-block-end:var(--sp-3);border-block-end:2px solid var(--border);font-size:12px;color:var(--text-muted)}.step[data-state=current]{border-block-end-color:var(--accent);color:var(--accent-text);font-weight:580}.step[data-state=done]{border-block-end-color:var(--accent-text);color:var(--text-secondary)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-2) var(--sp-5);font-size:13px;align-items:baseline}.facts dt{color:var(--text-muted);font-size:12px}.facts dd{margin:0}.timeline{display:flex;flex-direction:column}.event{display:grid;grid-template-columns:130px 1fr;gap:var(--sp-4);padding:var(--sp-3) 0;border-block-end:1px solid var(--border);font-size:13px}.event:last-child{border-block-end:0}.event-when{color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.chip{font-family:var(--mono);font-size:11px;padding:1px 7px;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-active) 37%,var(--surface-muted) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm);block-size:14px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition:none!important}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.page,.topbar{padding-inline:var(--sp-4)}.event{grid-template-columns:1fr;gap:var(--sp-1)}}.strength{display:flex;align-items:center;gap:var(--sp-3);margin-block-start:calc(var(--sp-2) * -1)}.strength-track{display:flex;gap:3px;flex:1;max-inline-size:180px}.strength-step{block-size:4px;flex:1;border-radius:2px;background:var(--surface-active)}.strength-step[data-on=yes]{background:var(--accent)}.strength-label{font-size:11px;font-weight:560;color:var(--text-secondary)}.cell-sub{font-size:12px;color:var(--text-secondary);margin-block-start:2px}.muted{color:var(--text-muted)}.right{text-align:end}.signin-card-wide{max-inline-size:640px}