:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#f6f7f9;--surface-primary:#fff;--surface-secondary:#f1f3f6;--surface-tertiary:#e8ebf0;--surface-elevated:#fff;--surface-inset:#fafbfc;--surface-hover:#1018280a;--surface-active:#10182812;--text-primary:#12151a;--text-secondary:#4a5260;--text-tertiary:#6b7480;--text-inverse:#fff;--border-subtle:#e6e9ee;--border-default:#d8dde5;--border-strong:#b9c1cd;--accent:#5b53d6;--accent-hover:#4a43c4;--accent-active:#3f38ad;--accent-text:#fff;--accent-subtle:#eeecfb;--accent-border:#cdc8f4;--status-success:#0f7a52;--status-success-bg:#e7f5ef;--status-success-border:#bfe3d3;--status-warning:#8a5a00;--status-warning-bg:#fdf5e6;--status-warning-border:#f0dcae;--status-danger:#b4232c;--status-danger-bg:#fdf1f1;--status-danger-border:#f3c9c9;--status-info:#1e5fa8;--status-info-bg:#ecf3fb;--status-info-border:#c3d9f0;--status-neutral:#5a6472;--status-neutral-bg:#f0f2f5;--status-neutral-border:#dfe3ea;--focus-ring:#5b53d6;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-md:0 4px 12px #10182814, 0 2px 4px #1018280a;--shadow-lg:0 12px 32px #1018281f, 0 4px 8px #1018280d;--shadow-overlay:0 24px 64px #1018282e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-canvas:#0c0e13;--surface-primary:#14171d;--surface-secondary:#1a1e26;--surface-tertiary:#232830;--surface-elevated:#191d24;--surface-inset:#101318;--surface-hover:#ffffff0b;--surface-active:#ffffff14;--text-primary:#e9ecf1;--text-secondary:#a4adbb;--text-tertiary:#7d8695;--text-inverse:#0c0e13;--border-subtle:#232830;--border-default:#2e343e;--border-strong:#414958;--accent:#8b83f0;--accent-hover:#9f98f4;--accent-active:#b3aef7;--accent-text:#0c0e13;--accent-subtle:#1e1b3a;--accent-border:#3a3470;--status-success:#4ecf9a;--status-success-bg:#0f2b20;--status-success-border:#1d4a37;--status-warning:#e8b45c;--status-warning-bg:#2c2314;--status-warning-border:#4d3d1d;--status-danger:#f58a8a;--status-danger-bg:#2e1719;--status-danger-border:#522729;--status-info:#6aabf0;--status-info-bg:#12233a;--status-info-border:#234260;--status-neutral:#97a1b0;--status-neutral-bg:#1c2029;--status-neutral-border:#2b313b;--focus-ring:#8b83f0;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 12px 32px #0009;--shadow-overlay:0 24px 64px #000000b3}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-canvas:#0c0e13;--surface-primary:#14171d;--surface-secondary:#1a1e26;--surface-tertiary:#232830;--surface-elevated:#191d24;--surface-inset:#101318;--surface-hover:#ffffff0b;--surface-active:#ffffff14;--text-primary:#e9ecf1;--text-secondary:#a4adbb;--text-tertiary:#7d8695;--text-inverse:#0c0e13;--border-subtle:#232830;--border-default:#2e343e;--border-strong:#414958;--accent:#8b83f0;--accent-hover:#9f98f4;--accent-active:#b3aef7;--accent-text:#0c0e13;--accent-subtle:#1e1b3a;--accent-border:#3a3470;--status-success:#4ecf9a;--status-success-bg:#0f2b20;--status-success-border:#1d4a37;--status-warning:#e8b45c;--status-warning-bg:#2c2314;--status-warning-border:#4d3d1d;--status-danger:#f58a8a;--status-danger-bg:#2e1719;--status-danger-border:#522729;--status-info:#6aabf0;--status-info-bg:#12233a;--status-info-border:#234260;--status-neutral:#97a1b0;--status-neutral-bg:#1c2029;--status-neutral-border:#2b313b;--focus-ring:#8b83f0;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0000008c;--shadow-lg:0 12px 32px #0009;--shadow-overlay:0 24px 64px #000000b3}:root{--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SFMono-Regular", "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-3xl:2rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:680;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--tracking-tight:-.011em;--tracking-normal:0;--tracking-wide:.04em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--control-height-sm:28px;--control-height:34px;--control-height-lg:40px;--control-padding-x:12px;--sidebar-width:240px;--sidebar-collapsed:0px;--topbar-height:52px;--content-max:1400px;--content-pad-x:var(--space-8);--motion-fast:.12s;--motion-base:.18s;--motion-slow:.24s;--motion-ease:cubic-bezier(.32, .72, 0, 1);--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--z-sticky:10;--z-drawer:40;--z-overlay:50;--z-toast:60}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05" 1, "ss01" 1;margin:0}h1,h2,h3,h4{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-subtle);color:var(--text-primary)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-ligatures:none}.muted{color:var(--text-secondary)}.dim{color:var(--text-tertiary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:-9999px;top:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:absolute}.skip-link:focus{left:var(--space-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:100%;height:100%;display:grid;overflow:hidden}.shell[data-sidebar=hidden]{grid-template-columns:0 1fr}.sidebar{background:var(--surface-primary);border-inline-end:1px solid var(--border-subtle);min-height:0;transition:transform var(--motion-base) var(--motion-ease);flex-direction:column;display:flex;overflow:hidden}.shell[data-sidebar=hidden] .sidebar{transform:translate(-100%)}.sidebar-head{align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text-primary);letter-spacing:var(--tracking-tight);display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:24px;height:24px;color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-bold);place-items:center;display:grid}.sidebar-scroll{min-height:0;padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.sidebar-foot{border-top:1px solid var(--border-subtle);padding:var(--space-2);flex-shrink:0}.ctx-switch{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer;text-align:start;transition:background var(--motion-fast) var(--motion-ease);background:0 0;border:1px solid #0000;display:flex}.ctx-switch:hover{background:var(--surface-hover)}.ctx-switch[aria-expanded=true]{background:var(--surface-active)}.ctx-avatar{border-radius:var(--radius-sm);background:var(--surface-tertiary);width:22px;height:22px;color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;flex-shrink:0;place-items:center;display:grid}.ctx-avatar[data-tone=accent]{background:var(--accent-subtle);color:var(--accent)}.ctx-label{flex:1;min-width:0}.ctx-label>span{display:block}.ctx-kicker{font-size:var(--text-2xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--weight-medium)}.ctx-name{font-weight:var(--weight-medium)}.ctx-chevron{color:var(--text-tertiary);flex-shrink:0}.nav-group{margin-top:var(--space-4)}.nav-group:first-child{margin-top:var(--space-1)}.nav-label{padding:0 var(--space-2) var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.nav-item{align-items:center;gap:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);height:30px;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);display:flex;position:relative}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.nav-item[aria-current=page]{background:var(--accent-subtle);color:var(--accent);font-weight:var(--weight-semibold)}.nav-item[aria-current=page]:before{content:"";inset-inline-start:-var(--space-2);border-radius:var(--radius-full);background:var(--accent);width:3px;position:absolute;top:6px;bottom:6px;left:-6px}.nav-icon{opacity:.85;flex-shrink:0;width:15px;height:15px}.topbar{align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0;display:flex}.topbar-spacer{flex:1}.searchbtn{align-items:center;gap:var(--space-2);height:var(--control-height-sm);min-width:260px;padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-tertiary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);display:flex}.searchbtn:hover{border-color:var(--border-strong);background:var(--surface-primary)}.searchbtn .kbd{margin-inline-start:auto}.kbd{border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-primary);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-2xs);border-bottom-width:2px;align-items:center;gap:1px;padding:1px 5px;line-height:1.5;display:inline-flex}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.main{min-height:0;padding:var(--space-8) var(--content-pad-x) var(--space-16);flex:1;overflow-y:auto}.main[data-width=reading]>*{max-width:760px}.main[data-width=wide]>*{max-width:var(--content-max)}.page-head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-head-main{flex:1;min-width:0}.page-title{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-sub{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-base)}.page-actions{gap:var(--space-2);flex-shrink:0;display:flex}.section{margin-top:var(--space-8)}.section:first-child{margin-top:0}.section-head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.section-head h2{flex-shrink:0}.section-hint{color:var(--text-tertiary);font-size:var(--text-sm)}.section-actions{gap:var(--space-2);margin-inline-start:auto;display:flex}.panel{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.panel+.panel{margin-top:var(--space-4)}.panel-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.panel-head h2,.panel-head h3{flex-shrink:0}.panel-head-actions{gap:var(--space-2);align-items:center;margin-inline-start:auto;display:flex}.panel-body{padding:var(--space-5)}.panel-foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--surface-inset);font-size:var(--text-sm);color:var(--text-secondary)}.metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric{padding:var(--space-4) var(--space-5);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.metric-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.metric-value{margin-top:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.metric-value small{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-tertiary)}.metric-note{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.metric-value[data-unmeasured=true]{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);font:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--status-danger);border-color:var(--status-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:#0000}.btn-sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--text-sm)}.btn-lg{height:var(--control-height-lg);padding:0 var(--space-5)}.btn-icon{width:var(--control-height);padding:0}.btn-icon.btn-sm{width:var(--control-height-sm)}.badge{align-items:center;gap:var(--space-1);padding:1px var(--space-2);border:1px solid var(--status-neutral-border);border-radius:var(--radius-full);background:var(--status-neutral-bg);color:var(--status-neutral);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success-border)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border-color:var(--status-warning-border)}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-border)}.badge-info{background:var(--status-info-bg);color:var(--status-info);border-color:var(--status-info-border)}.badge-accent{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.badge .dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.table-wrap{overscroll-behavior-x:contain;background:linear-gradient(to right, var(--surface-primary) 30%, transparent), linear-gradient(to left, var(--surface-primary) 30%, transparent) 100% 0, linear-gradient(to right, var(--surface-hover), transparent 12px), linear-gradient(to left, var(--surface-hover), transparent 12px) 100% 0;background-repeat:no-repeat;background-size:32px 100%,32px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll;width:100%;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}thead th{z-index:var(--z-sticky);padding:var(--space-2) var(--space-4);background:var(--surface-inset);border-bottom:1px solid var(--border-subtle);text-align:start;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;position:sticky;top:0}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--motion-fast) var(--motion-ease)}.table-rows tbody tr:hover{background:var(--surface-hover)}.table-rows tbody tr[data-clickable=true]{cursor:pointer}td.numeric,th.numeric{text-align:end;font-variant-numeric:tabular-nums}td.actions{text-align:end;white-space:nowrap;width:1%}.cell-id{align-items:center;gap:var(--space-3);min-width:0;display:flex}.cell-id-main{min-width:0}.cell-id-name{font-weight:var(--weight-medium);color:var(--text-primary)}.cell-id-sub{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary)}.null-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);opacity:.75;font-style:italic}.empty-string:before{content:"\"\"";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.field{margin-bottom:var(--space-4);display:block}.field>.field-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);display:block}.field-required{color:var(--status-danger);margin-inline-start:2px}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{width:100%;height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);font:inherit;font-size:var(--text-base);transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}textarea{height:auto;padding:var(--space-2) var(--control-padding-x);resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}input:disabled,select:disabled{background:var(--surface-secondary);color:var(--text-tertiary);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--status-danger)}input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--status-danger-bg)}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px) 51%,calc(100% - 11px) 51%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:var(--space-8)}.field-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.field-error{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--status-danger);align-items:flex-start;gap:var(--space-1);display:flex}.field-row{gap:var(--space-3);align-items:flex-start;display:flex}.field-row>*{flex:1;margin-bottom:0}.field-row>.field-shrink{flex:none}.checkline{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.checkline input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.alert{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--status-info-border);border-radius:var(--radius-md);background:var(--status-info-bg);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-snug);display:flex}.alert+*{margin-top:var(--space-4)}.alert-danger{background:var(--status-danger-bg);border-color:var(--status-danger-border)}.alert-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border)}.alert-success{background:var(--status-success-bg);border-color:var(--status-success-border)}.alert-neutral{background:var(--surface-secondary);border-color:var(--border-default)}.alert-body{flex:1;min-width:0}.alert-title{font-weight:var(--weight-semibold);margin-bottom:2px}.alert-meta{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary)}.empty{text-align:center;padding:var(--space-12) var(--space-6);flex-direction:column;align-items:center;display:flex}.empty-icon{width:36px;height:36px;margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-secondary);color:var(--text-tertiary);place-items:center;display:grid}.empty-title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.empty-text{margin-top:var(--space-2);max-width:42ch;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.empty-action{margin-top:var(--space-5)}.skeleton{background:linear-gradient(90deg, var(--surface-secondary) 25%, var(--surface-tertiary) 37%, var(--surface-secondary) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-line{height:12px;margin-bottom:var(--space-2)}.skeleton-row{border-radius:0;height:44px;margin-bottom:1px}.overlay-backdrop{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade var(--motion-base) var(--motion-ease);background:#0a0c1073;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{z-index:var(--z-overlay);width:min(560px, calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-12));background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);animation:modal-in var(--motion-base) var(--motion-ease-out);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal[data-size=lg]{width:min(880px, calc(100vw - var(--space-8)))}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.drawer{z-index:var(--z-overlay);background:var(--surface-elevated);border-inline-start:1px solid var(--border-default);width:min(720px,100vw);box-shadow:var(--shadow-overlay);animation:drawer-in var(--motion-slow) var(--motion-ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer[data-size=wide]{width:min(920px,100vw)}@keyframes drawer-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.overlay-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.overlay-head-main{flex:1;min-width:0}.overlay-sub{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.overlay-body{min-height:0;padding:var(--space-6);flex:1;overflow-y:auto}.overlay-foot{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--surface-inset);flex-shrink:0;display:flex}.overlay-foot-end{gap:var(--space-2);margin-inline-start:auto;display:flex}.menu{z-index:var(--z-drawer);min-width:200px;padding:var(--space-1);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:menu-in var(--motion-fast) var(--motion-ease-out);position:absolute}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)scale(.99)}to{opacity:1;transform:none}}.menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.menu-item:hover,.menu-item[data-active=true]{background:var(--surface-hover);text-decoration:none}.menu-item[data-tone=danger]{color:var(--status-danger)}.menu-sep{height:1px;margin:var(--space-1) 0;background:var(--border-subtle)}.menu-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.palette{z-index:var(--z-overlay);width:min(600px, calc(100vw - var(--space-8)));background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);animation:modal-in var(--motion-base) var(--motion-ease-out);position:fixed;top:15vh;left:50%;overflow:hidden;transform:translate(-50%)}.palette-input{width:100%;height:48px;padding:0 var(--space-5);border:0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-md);background:0 0;border-radius:0}.palette-input:focus{box-shadow:none;border-color:var(--border-subtle)}.palette-list{max-height:340px;padding:var(--space-2);overflow-y:auto}.toasts{z-index:var(--z-toast);bottom:var(--space-5);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-inline-end:var(--space-5)}.toast{align-items:center;gap:var(--space-3);min-width:260px;max-width:380px;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:toast-in var(--motion-base) var(--motion-ease-out);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toast[data-tone=success]{border-inline-start:3px solid var(--status-success)}.toast[data-tone=danger]{border-inline-start:3px solid var(--status-danger)}.copy-btn{align-items:center;gap:var(--space-1);display:inline-flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);display:flex}.row-wrap{flex-wrap:wrap}.spread{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.grow{flex:1;min-width:0}.kv{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(140px,200px) 1fr;display:grid}.kv dt{font-size:var(--text-sm);color:var(--text-secondary)}.kv dd{font-size:var(--text-sm);margin:0}.code-line{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);display:flex;overflow-x:auto}.code-line>span{white-space:nowrap}.danger-zone{border:1px solid var(--status-danger-border);border-radius:var(--radius-lg);overflow:hidden}.danger-zone .panel-head{background:var(--status-danger-bg);border-bottom-color:var(--status-danger-border)}.danger-zone .panel-head h2{color:var(--status-danger)}.auth-page{min-height:100dvh;padding:var(--space-6);background:var(--surface-canvas);place-items:center;display:grid}.auth-card{width:100%;max-width:400px}.auth-brand{margin-bottom:var(--space-5);justify-content:center;display:flex}.auth-panel{padding:var(--space-7);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.auth-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.auth-sub{margin-bottom:var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.auth-panel .btn-primary{width:100%}.auth-foot{margin-top:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-foot a{font-weight:var(--weight-medium)}@media (max-width:420px){.auth-page{padding:var(--space-4);padding-top:var(--space-10);align-items:start}.auth-panel{padding:var(--space-5)}}@media (max-width:1024px){:root{--content-pad-x:var(--space-5)}}@media (min-width:721px) and (max-width:860px){:root{--sidebar-width:60px}.sidebar-head{justify-content:center;padding:0}.brand>span:last-child,.nav-label,.ctx-label,.ctx-chevron{display:none}.nav-item,.ctx-switch{justify-content:center;padding-inline:0}.nav-item>span:not(.nav-icon){display:none}.nav-item[aria-current=page]:before{left:2px}.nav-group{margin-top:var(--space-3)}.nav-group:before{content:"";height:1px;margin:0 var(--space-2) var(--space-2);background:var(--border-subtle);display:block}.nav-group:first-child:before{display:none}.sidebar-foot{padding:var(--space-2) var(--space-1)}}@media (max-width:720px){:root{--content-pad-x:var(--space-4)}.shell{grid-template-columns:1fr}.sidebar{z-index:var(--z-drawer);width:var(--sidebar-width);box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.shell[data-sidebar=shown] .sidebar{transform:none}.main{padding-top:var(--space-5)}.searchbtn{flex:1;min-width:0}.searchbtn .kbd{display:none}.page-head{gap:var(--space-3);flex-direction:column}.page-actions{width:100%}.kv{gap:var(--space-1);grid-template-columns:1fr}.kv dd{margin-bottom:var(--space-2)}.drawer,.modal{width:100vw;max-width:100vw}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;top:auto;bottom:0;left:0;transform:none}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.toasts{inset-inline:var(--space-4);bottom:var(--space-4)}.toast{max-width:none}}