.field{--field-bg: var(--surface);position:relative;display:flex;align-items:stretch;width:100%;min-width:0;background:var(--field-bg);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--dur-1) var(--ease-out)}.field:hover{border-color:var(--line-strong)}.field:focus-within{border-color:var(--line-strong)}.field:has(>.input:focus-visible),.field:has(>.select:focus-visible),.field:has(>.field-select-root>.select:focus-visible){border-color:var(--brand)}.field>.input,.field>.select{flex:1;min-width:0;width:auto;border:none;background:none;border-radius:inherit}.field>.input:focus-visible,.field>.select:focus-visible{outline:none}.field-lead{display:flex;align-items:center;padding-left:10px;color:var(--ink-mute);flex-shrink:0}.field-lead+.input{padding-left:var(--space-2)}.field-acts{display:flex;align-items:center;flex-shrink:0;padding-right:6px}.field-act{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;background:none;border-radius:var(--radius-sm);color:var(--ink-mute);transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.field-act:hover{background:var(--surface-2);color:var(--ink)}.field-act[aria-pressed=true]{color:var(--ink)}.field-chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--ink-mute);pointer-events:none}.field-select-root{display:flex;flex:1;min-width:0;align-items:stretch}.field-select>.field-select-root>.select{flex:1;min-width:0;width:auto;display:flex;align-items:center;border:none;background:none;border-radius:inherit;padding-right:30px;text-align:left;color:inherit}.field-select-root>.select:focus-visible{outline:none}.field-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-list{position:fixed;z-index:var(--z-sticky);max-height:288px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--elev-2)}.field-list-up{transform:translateY(-100%)}.field-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--row-h);padding:0 10px;border-radius:var(--radius-sm);color:var(--ink);font-size:var(--fs-meta);cursor:pointer}.field-opt-active{background:var(--brand-tint);color:var(--brand)}.field-opt-on{font-weight:var(--fw-bold);color:var(--brand)}.field-opt[aria-disabled=true]{color:var(--disabled-ink);cursor:default}.field-disabled{--field-bg: var(--surface-2);border-color:var(--line);cursor:not-allowed}.field-disabled:hover{border-color:var(--line)}.field-disabled>.input,.field-disabled>.select{color:var(--ink-mute);cursor:not-allowed}.tool-bar .field{width:auto;min-width:140px}.tool-bar .field-text{min-width:240px}@media(max-width:900px){.field{min-height:var(--row-h)}.field-act{width:32px;height:32px}.tool-bar .field,.tool-bar .field-text{width:100%;min-width:0}}.field-file{min-height:42px;display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer}.field-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.field-file-button{flex:0 0 auto;padding:7px 12px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--ink);font-size:var(--fs-meta);font-weight:700}.field-file-name{min-width:0;overflow:hidden;color:var(--ink-soft);font-size:var(--fs-meta);text-overflow:ellipsis;white-space:nowrap}.stat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;min-width:0}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-label{color:var(--ink-mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-emoji{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.stat-brand{background:var(--brand-soft)}.stat-info{background:var(--info-soft)}.stat-warn{background:var(--warn-soft)}.stat-bad{background:var(--bad-soft)}.stat-purple{background:#f1ebff}.stat-teal{background:#e3f6f3}.stat-value{font-size:28px;font-weight:700;line-height:1.25;margin-top:2px}.stat-foot{display:flex;align-items:center;gap:8px;font-size:12px;min-height:18px}.stat-delta{color:var(--ok)}.stat-delta-down{color:var(--bad)}.stat-fake{padding:0 6px;border-radius:4px;background:var(--warn-soft);color:var(--warn)}.pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px 4px 2px;font-size:13px;color:var(--ink-soft)}.pager-total{margin-right:auto;color:var(--ink-mute)}.pager-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-soft)}.pager-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.pager-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.pager-on:hover:not(:disabled){color:var(--ink)}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.pager-gap{padding:0 2px;color:var(--ink-mute)}.pager-size,.pager-jump-input{min-height:30px;border-radius:var(--radius-sm)}.pager-size>.select,.pager-jump-input>.input{padding-top:0;padding-bottom:0}.pager-jump{display:inline-flex;align-items:center;gap:6px;margin-left:4px}.pager-jump-input{width:62px;flex-shrink:0}.pager-jump-input>.input{text-align:center;padding-left:var(--space-1);padding-right:var(--space-1)}.pager-size{width:auto;min-width:96px}.toggle{width:40px;height:22px;border-radius:999px;border:none;background:#cfd4da;padding:0;position:relative;transition:background .15s;flex-shrink:0}.toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;transition:transform .15s}.toggle-on{background:var(--brand)}.toggle-on i{transform:translate(18px)}.toggle:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px currentColor;font-size:var(--fs-note);line-height:18px;white-space:nowrap}.tag-ok{background:var(--ok-soft);color:var(--ok)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.tag-bad{background:var(--bad-soft);color:var(--bad)}.tag-info{background:var(--info-soft);color:var(--info)}.tag-muted{background:var(--mute-soft);color:var(--mute-ink)}.tag-dot:before{content:"";width:6px;height:6px;flex-shrink:0;margin-right:6px;border-radius:var(--radius-pill);background:currentColor}.tag-dot-ring:before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.tag-dot-square:before{border-radius:1px}.tab-num{display:inline-flex;align-items:center;justify-content:center;min-width:3ch;height:1.55em;margin-left:6px;padding:0 .35em;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-mute);font-size:var(--fs-note);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.tab:hover:not(.tab-on) .tab-num{background:var(--surface);color:var(--brand)}.tab-on .tab-num{background:#00000024;color:inherit}.tool-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toast-host{position:fixed;top:0;left:0;z-index:var(--z-toast);pointer-events:none}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--fs-meta);background:var(--ink);color:#fff;pointer-events:none;animation:toast-in var(--dur-2) var(--ease-out)}.toast-ok{background:var(--ok)}.toast-warn{background:var(--warn)}.toast-bad{background:var(--bad)}.toast-out{animation:toast-out var(--dur-3) var(--ease-in) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}@media(prefers-reduced-motion:reduce){.toast,.toast-out{animation:none}}.copy-id{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:1px 6px;border:0;border-radius:var(--radius-xs);background:var(--mute-soft);color:var(--ink-mute);cursor:pointer;min-width:0}.copy-id code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-note);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-id-hint{flex-shrink:0;font-size:var(--fs-note);opacity:.7}.copy-id:hover,.copy-id:focus-visible{background:var(--brand-soft);color:var(--ink)}.copy-id:hover .copy-id-hint,.copy-id:focus-visible .copy-id-hint{opacity:1}.copy-id-done,.copy-id-done:hover{background:var(--ok-soft);color:var(--ok)}@media(max-width:900px){.pager-btn{min-width:44px;height:44px}.pager-size,.pager-jump-input{height:44px;font-size:var(--fs-input)}.pager-jump-input{width:60px}.tag{padding:6px 10px}.toggle:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}.mdl-scrim{position:fixed;inset:0;z-index:var(--z-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--scrim)}.mdl-panel{position:relative;z-index:var(--z-dialog);display:flex;flex-direction:column;width:min(var(--dlg-md),100%);max-height:88dvh;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.mdl-panel[data-size=sm]{width:min(var(--dlg-sm),100%)}.mdl-panel[data-size=lg]{width:min(var(--dlg-lg),100%)}.mdl-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--line)}.mdl-title{margin:0;font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--ink)}.mdl-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-mute);transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.mdl-close:hover{color:var(--ink);background:var(--surface-2)}.mdl-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5) var(--space-4)}.mdl-foot{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius)}.mdl-foot>.btn,.mdl-foot>.decision>.btn,.mdl-foot>.decision .row>.btn{min-width:96px;text-align:center}.mdl-foot>.decision{flex:1;min-width:0;align-self:stretch;margin-top:0;padding-top:0;border-top:0}@media(max-width:900px){.mdl-scrim{align-items:stretch;padding:0}.mdl-panel,.mdl-panel[data-size=sm],.mdl-panel[data-size=lg]{width:100%;height:100%;max-height:none;border-radius:0}.mdl-head{justify-content:flex-start;padding-top:calc(var(--space-4) + env(safe-area-inset-top))}.mdl-close{width:var(--row-h);height:var(--row-h);margin-left:calc(var(--space-2) * -1);order:-1;color:var(--ink)}.mdl-foot{border-radius:0;padding-top:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.mdl-foot>.btn,.mdl-foot>.decision>.btn,.mdl-foot>.decision .row>.btn{flex:1;min-width:0;min-height:var(--row-h)}}.cfm-head{display:flex;align-items:center;gap:var(--space-3)}.cfm-mark{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill)}.cfm-mark[data-tone=danger]{background:var(--bad-soft);color:var(--bad)}.cfm-mark[data-tone=warn]{background:var(--warn-soft);color:var(--warn)}.cfm-mark[data-tone=brand]{background:var(--brand-soft);color:var(--ink)}.cfm-title{margin:0;min-width:0;font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--ink)}.cfm-say{margin-top:var(--space-3);color:var(--ink-soft);line-height:var(--lh-body)}.cfm-say p{margin:0}.cfm-say p+p{margin-top:var(--space-2)}.mdl-foot .cfm-go{border-color:transparent;color:#fff}.mdl-foot .cfm-go[data-tone=danger]{background:var(--bad)}.mdl-foot .cfm-go[data-tone=warn]{background:var(--warn)}.mdl-foot .cfm-go[data-tone=brand]{background:var(--brand)}.mdl-foot .cfm-go:hover{border-color:transparent;filter:brightness(1.1)}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden;--topbar-h: 3.25rem}.side{width:13rem;flex-shrink:0;transition:width var(--dur-3) var(--ease-std);background:var(--side-bg);color:var(--side-ink);border-right:1px solid var(--side-line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}.side-brand{display:flex;align-items:center;gap:10px;min-height:var(--topbar-h);padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0;position:sticky;top:0;background:var(--side-bg);z-index:1}.side-logo{width:2rem;height:2rem;border-radius:var(--radius-md);display:block;object-fit:contain;flex-shrink:0}.side-brand-text{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--ink);min-width:0;line-height:var(--lh-tight);overflow:hidden}.side-brand-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-brand-text small{display:block;font-size:var(--fs-note);font-weight:var(--fw-normal);color:var(--side-ink-mute);overflow:hidden;text-overflow:ellipsis}.side-rail{width:4rem}.side-rail .side-brand{justify-content:center;padding:0}.side-rail .side-brand-text,.side-rail .nav-label,.side-rail .side-group-title{display:none}.side-rail .side-group+.side-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--side-line)}.side-rail .nav-item{justify-content:center;padding:9px 0;position:relative}.side-rail .nav-count{position:absolute;top:6px;right:12px;min-width:0;min-height:0;width:8px;height:8px;padding:0;font-size:0;overflow:hidden}.side-nav{padding:10px 8px 20px}.side-group+.side-group{margin-top:10px}.side-group-title{padding:var(--space-2) 10px var(--space-1);font-size:var(--fs-note);color:var(--side-ink-mute);letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);color:var(--side-ink);font-size:var(--fs-meta)}.nav-item:hover:not(.nav-on){background:var(--side-hover);color:var(--brand)}.nav-on{background:var(--side-on);color:#fff;font-weight:var(--fw-bold)}.nav-icon{position:relative;width:1.25rem;height:1.25rem;flex-shrink:0}.nav-icon img{position:absolute;inset:0;width:100%;height:100%;transition:opacity var(--dur-1) var(--ease-out)}.nav-icon-hover,.nav-icon-on{opacity:0}.nav-item:hover:not(.nav-on) .nav-icon-side{opacity:0}.nav-item:hover:not(.nav-on) .nav-icon-hover{opacity:1}.nav-on .nav-icon-side{opacity:0}.nav-on .nav-icon-on{opacity:1}.nav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{min-width:1.6em;min-height:1.6em;padding:0 .4em;border-radius:var(--radius-pill);background:var(--bad);color:#fff;font-size:var(--fs-note);font-weight:var(--fw-bold);box-shadow:0 0 0 2px #fff;font-variant-numeric:tabular-nums;line-height:var(--lh-num);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.body{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--topbar-h);flex-shrink:0;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.side-scrim{display:none}.side-collapse{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:-4px;border:none;background:none;border-radius:var(--radius-md);color:var(--ink-soft);transition:background-color var(--dur-1) var(--ease-out)}.side-collapse:hover{background:var(--brand-tint);color:var(--brand)}.side-toggle{display:none;position:relative;width:2.5rem;height:2.5rem;margin-left:-8px;border:none;background:none;border-radius:var(--radius-md);color:var(--ink-soft)}.side-toggle:hover{background:var(--brand-tint);color:var(--brand)}.side-toggle-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:999px;background:var(--bad);box-shadow:0 0 0 2px #fff}.crumbs{margin-right:auto;font-size:var(--fs-meta);color:var(--ink-mute);display:flex;align-items:center;gap:var(--space-2);min-width:0}.crumb-sep{color:var(--line)}.crumb-on{font:inherit;color:var(--ink);font-weight:600}.demo-flag{padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-note);white-space:nowrap}.top-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;border-radius:var(--radius-md);color:var(--ink-soft);transition:background-color var(--dur-1) var(--ease-out)}.top-bell:hover{background:var(--bg);color:var(--ink)}.top-bell-dot{position:absolute;top:-2px;right:-4px;min-width:1.6em;min-height:1.6em;padding:0 .3em;border-radius:var(--radius-pill);background:var(--bad);color:#fff;box-shadow:0 0 0 2px #fff;font-size:var(--fs-note);font-style:normal;font-variant-numeric:tabular-nums;line-height:1;display:inline-flex;align-items:center;justify-content:center}.top-user{position:relative}.top-user-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--row-h);height:var(--row-h);border:none;background:none;border-radius:var(--radius-pill);color:var(--ink)}.top-user-btn:hover,.top-user-btn[aria-expanded=true]{background:var(--brand-tint)}.top-avatar{width:1.625rem;height:1.625rem;flex-shrink:0;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-size:var(--fs-note);font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center}.top-menu{position:absolute;right:0;top:calc(100% + var(--space-1));min-width:160px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.top-menu-info{padding:10px var(--space-3);border-bottom:1px solid var(--line);font-size:var(--fs-meta)}.top-menu-info small{display:block;color:var(--ink-mute);font-size:var(--fs-note)}.top-menu-item{display:block;width:100%;text-align:left;padding:10px var(--space-3);border:none;background:none;color:var(--ink);font-size:var(--fs-meta)}.top-menu-item:hover{background:var(--bg)}.main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.page-head{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin-bottom:16px}@media(max-width:900px){.side{position:fixed;left:0;top:0;z-index:60;width:260px;max-width:82vw;transform:translate(-100%);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--dur-3) var(--ease-std),visibility 0s linear var(--dur-3);padding-bottom:env(safe-area-inset-bottom)}.side-open{transform:translate(0);visibility:visible;transition:transform var(--dur-3) var(--ease-out),visibility 0s}.side-scrim{display:block;position:fixed;inset:0;z-index:50;border:none;padding:0;background:var(--scrim)}.side-rail{width:260px}.side-collapse{display:none}.side-rail .side-brand-text,.side-rail .nav-label,.side-rail .side-group-title{display:revert}.side-rail .nav-item{justify-content:flex-start;padding:9px 10px}.side-rail .nav-count{position:static;min-width:1.6em;min-height:1.6em;width:auto;height:auto;padding:0 .4em;font-size:var(--fs-note)}.side-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:var(--row-h);min-height:var(--row-h)}.nav-item{min-height:var(--row-h)}.topbar{padding:0 12px;gap:var(--space-2)}.crumb-home,.crumb-sep{display:none}.crumb-on{font-size:var(--fs-body)}.top-bell,.top-user-btn{min-width:var(--row-h);min-height:var(--row-h)}.main{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.page-head{margin-bottom:var(--space-3)}}@media(prefers-reduced-motion:reduce){.side,.nav-icon img{transition:none}}.tip{position:fixed;z-index:var(--z-tip);max-width:260px;padding:5px 10px;border-radius:var(--radius-md);background:var(--ink);color:#fff;font-size:var(--fs-note);line-height:var(--lh-tight);box-shadow:var(--elev-2);pointer-events:none;animation:tip-in var(--dur-1) var(--ease-out)}.tip-top{transform:translate(-50%,-100%)}.tip-bottom{transform:translate(-50%)}.tip-left{transform:translate(-100%,-50%)}.tip-right{transform:translateY(-50%)}.tip-host{display:inline-flex}.tip-host-block{display:block;width:100%}@keyframes tip-in{0%{opacity:0}}:root{--fs-display: 1.75rem;--fs-h1: 1.25rem;--fs-h2: 1.0625rem;--fs-h3: 1rem;--fs-body: .875rem;--fs-strong: .875rem;--fs-meta: .8125rem;--fs-note: .75rem;--fs-input: .875rem;--bg: #f2f3f5;--surface: #ffffff;--surface-2: #edeff2;--table-head: #d9dee6;--table-zebra: #fafbfc;--disabled-bg: #eceef1;--disabled-ink: #5b6473;--disabled-line: #dfe3e8;--press: #e6e9ed;--ink: #1f2126;--ink-soft: #4a4f57;--ink-mute: #6b6f76;--line: #e3e5e8;--line-soft: #eef0f2;--line-strong: #d3d7dc;--brand: #ff7a00;--brand-tint: #ffefe0;--brand-soft: #fff4eb;--ok: #16794c;--ok-soft: #e6f4ec;--ok-line: #a8d8bf;--warn: #8a5a00;--warn-soft: #fdf3e0;--warn-line: #e8c98a;--bad: #b42318;--bad-soft: #fdecea;--danger-bright: #e5484d;--info: #1d5bbf;--info-soft: #e8f0fd;--mute-ink: #5b6068;--mute-soft: #eef0f2;--star: #e8890c;--star-ink: #a35a00;--focus: var(--info);--side-bg: var(--surface);--side-ink: var(--ink-soft);--side-ink-mute: var(--ink-mute);--side-hover: var(--brand-tint);--side-on: var(--brand);--side-line: var(--line-strong);--scrim: rgba(24, 30, 40, .45);--hair: inset 0 0 0 1px var(--line);--hair-soft: inset 0 0 0 1px rgba(24, 30, 40, .06);--elev-1: 0 1px 2px rgba(24, 30, 40, .05), 0 4px 10px rgba(24, 30, 40, .06);--elev-2: 0 2px 4px rgba(24, 30, 40, .07), 0 8px 18px rgba(24, 30, 40, .1);--elev-3: 0 4px 8px rgba(24, 30, 40, .1), 0 16px 32px rgba(24, 30, 40, .16);--shadow: var(--elev-1), var(--hair);--shadow-lg: var(--elev-2), var(--hair);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--gap: var(--space-4);--fw-normal: 400;--fw-medium: 500;--fw-bold: 700;--lh-tight: 1.2;--lh-snug: 1.4;--lh-body: 1.6;--lh-num: 1.15;--row-h: 44px;--row-data: 36px;--row-head: 32px;--dur-1: .12s;--dur-2: .18s;--dur-3: .24s;--dur-4: .32s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.55, .06, .68, .19);--ease-std: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.26, .64, 1);--z-raised: 10;--z-sticky: 50;--z-drawer: 800;--z-scrim: 900;--z-dialog: 910;--z-tip: 950;--z-toast: 1000;--dlg-sm: 420px;--dlg-md: 520px;--dlg-lg: 640px;--c1: #16a34a;--c2: #2f6fe0;--c3: var(--star);--c4: #9061f9;--c5: var(--danger-bright);--c6: #0d9488}@media(max-width:900px){:root{--fs-body: .9375rem;--fs-meta: .875rem;--fs-note: .8125rem;--fs-input: 1rem;--space-3: 10px;--row-h: 48px;--row-data: 48px;--row-head: 40px}}*{box-sizing:border-box}html{font-size:100%;color-scheme:light}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--fs-body);line-height:var(--lh-body)}a{color:var(--ink);text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}h1,h2,h3{margin:0;font-weight:600}:where(.icon){display:block;flex-shrink:0}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-mute);background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}.side{scrollbar-width:none}.side::-webkit-scrollbar{width:0;height:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.side :where(a,button,input,[tabindex]):focus-visible{outline-offset:-2px}.side .nav-on:focus-visible{outline-color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);margin-bottom:var(--gap)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1;min-width:0}.muted{color:var(--ink-mute)}.small{font-size:var(--fs-meta)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-md);padding:var(--space-2) 14px}.btn:hover:not(.btn-primary):not(.btn-danger){background:var(--brand-tint);border-color:var(--brand);color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-danger{color:var(--bad);border-color:var(--bad)}.btn-danger:hover{background:var(--bad-soft)}.btn:disabled{border-color:var(--disabled-line);background:var(--disabled-bg);color:var(--disabled-ink);opacity:1;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:9px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--fs-input);transition:border-color var(--dur-1) var(--ease-out)}.textarea:hover{border-color:var(--line-strong)}.textarea:focus-visible{outline:none;border-color:var(--brand)}.input::placeholder,.textarea::placeholder{color:var(--ink-mute);opacity:1}.textarea{min-height:80px;resize:vertical;line-height:var(--lh-body)}.empty{padding:56px var(--space-4);text-align:center;color:var(--ink-mute)}.toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--gap);flex-wrap:wrap}.tab{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);padding:6px 14px;color:var(--ink-soft);transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.tab:hover:not(.tab-on){background:var(--brand-tint);border-color:var(--brand);color:var(--brand)}.tab-on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:var(--fw-bold)}@media(max-width:900px){.card{padding:14px var(--space-3)}.btn{min-height:var(--row-h);padding:10px var(--space-4)}.tab{min-height:44px;padding:7px 14px}.input,.select,.textarea{font-size:var(--fs-input)}.empty{padding:40px var(--space-3)}}
