@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}svg.i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}svg.i.sm{width:14px;height:14px}svg.i.xs{width:12px;height:12px}svg.i.lg{width:20px;height:20px}app-icon{display:inline-flex;flex:none;line-height:0}.muted,.text-muted{color:var(--fg-3)!important}.fg2,.text-secondary{color:var(--fg-2)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.sr,.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}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row-flex{display:flex;align-items:center;gap:var(--space-2)}.spacer{flex:1}.divider{height:1px;background:var(--line);border:0}.clickable{cursor:pointer}.show-mobile{display:none!important}@media(min-width:901px){.m-only{display:none!important}}@media(max-width:900px){.d-only{display:none!important}}kbd,.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font:500 11px/1 var(--font-mono);color:var(--fg-3);background:var(--surface);border-radius:var(--radius-xs);box-shadow:0 0 0 1px var(--ring),0 1px 0 var(--ring);white-space:nowrap;pointer-events:none;letter-spacing:0}.kbd-group{display:inline-flex;gap:3px}mark{background:transparent;color:var(--accent-text);font-weight:600}.btn{--h: var(--h-md);--px: 12px;--gap: 6px;--fs: var(--text-sm);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap);height:var(--h);min-height:var(--h);padding:0 var(--px);border:0;border-radius:var(--radius-sm);font:500 var(--fs)/1 var(--font-sans);letter-spacing:-.006em;white-space:nowrap;cursor:pointer;color:var(--fg);background:var(--btn-bg);box-shadow:var(--shadow-control),inset 0 1px 0 var(--highlight);transition:background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-2) var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-decoration:none!important;flex-shrink:0}.btn svg{width:16px;height:16px;flex:none;color:var(--fg-3);transition:color var(--dur-1) var(--ease-out)}.btn:hover{background:var(--btn-bg-hover);box-shadow:var(--shadow-control-hover),inset 0 1px 0 var(--highlight)}.btn:hover svg{color:var(--fg-2)}.btn:active{background:var(--btn-bg-active);box-shadow:0 0 0 1px var(--ring-hover),var(--btn-press-inset);transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn kbd{margin-left:2px;margin-right:-4px}.btn-xs{--h: var(--h-xs);--px: 8px;--gap: 4px;--fs: var(--text-xs);border-radius:var(--radius-2xs)}.btn-xs svg{width:14px;height:14px}.btn-sm{--h: var(--h-sm);--px: 10px;--gap: 5px;--fs: var(--text-sm)}.btn-lg{--h: var(--h-lg);--px: 14px;--gap: 8px;--fs: var(--text-md);border-radius:var(--radius-7)}.btn-xl{--h: var(--h-xl);--px: 18px;--gap: 8px;--fs: var(--text-md);border-radius:var(--radius-md)}.btn-icon,.btn.btn-icon{padding:0;width:var(--h);min-width:var(--h)}.btn-block{width:100%}.btn-primary{color:var(--fg-on-accent);background:linear-gradient(180deg,var(--accent-grad-top) 0%,var(--accent) 100%);box-shadow:0 0 0 1px var(--accent-edge),inset 0 1px #ffffff38,var(--shadow-primary)}.btn-primary svg,.btn-primary:hover svg{color:currentColor;opacity:.88}.btn-primary:hover{background:linear-gradient(180deg,var(--accent-grad-top-hover) 0%,var(--accent-hover) 100%);box-shadow:0 0 0 1px var(--accent-edge),inset 0 1px #ffffff42,var(--shadow-primary-hover)}.btn-primary:active{background:var(--accent-press);box-shadow:0 0 0 1px var(--accent-edge),inset 0 1px 3px #00000040}.btn-primary:focus-visible{box-shadow:0 0 0 1px var(--accent-edge),inset 0 1px #ffffff38,0 0 0 2px var(--surface),0 0 0 4px var(--accent),0 0 0 7px var(--accent-halo)}.btn-primary kbd,.btn-danger kbd{background:#ffffff24;color:#ffffffeb;box-shadow:inset 0 0 0 1px #ffffff2e}.btn-ghost{background:transparent!important;box-shadow:none;color:var(--fg-2)}.btn-ghost:hover{background:var(--surface-hover)!important;color:var(--fg);box-shadow:none}.btn-ghost:active{background:var(--surface-active)!important;box-shadow:none}.btn-ghost:focus-visible{box-shadow:var(--focus-ring)}.btn-subtle{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-soft-2)}.btn-subtle svg,.btn-subtle:hover svg{color:var(--accent-text)}.btn-subtle:hover{background:var(--accent-soft-2);box-shadow:inset 0 0 0 1px var(--accent-soft-2)}.btn-subtle:active{background:var(--accent-soft-2);box-shadow:var(--btn-press-inset),inset 0 0 0 1px var(--accent-halo)}.btn-danger{color:var(--white);background:linear-gradient(180deg,var(--danger-grad-top),var(--danger-solid));box-shadow:0 0 0 1px var(--danger-edge),inset 0 1px #fff3,0 1px 2px #78140a40}.btn-danger svg,.btn-danger:hover svg{color:currentColor;opacity:.9}.btn-danger:hover{background:var(--danger-solid-hover);box-shadow:0 0 0 1px var(--danger-edge),inset 0 1px #fff3,0 2px 6px -1px #78140a4d}.btn-danger:active{background:var(--danger-edge);box-shadow:0 0 0 1px var(--danger-edge),inset 0 1px 3px #00000040}.btn-danger:focus-visible{box-shadow:0 0 0 1px var(--danger-edge),0 0 0 2px var(--surface),0 0 0 4px var(--danger-dot),0 0 0 7px var(--danger-halo)}.btn-danger-outline,.btn-outline-danger{color:var(--danger)}.btn-danger-outline svg,.btn-outline-danger svg{color:var(--danger)!important}.btn-danger-outline:hover,.btn-outline-danger:hover{background:var(--danger-soft);box-shadow:0 0 0 1px var(--danger-line),0 1px 2px #1111130f}.btn-danger-outline:active,.btn-outline-danger:active{background:var(--danger-soft);box-shadow:0 0 0 1px var(--danger-line),var(--btn-press-inset)}.btn-danger-outline:focus-visible,.btn-outline-danger:focus-visible{box-shadow:var(--focus-ring-danger)}.btn-danger-ghost{background:transparent!important;box-shadow:none;color:var(--danger)}.btn-danger-ghost svg{color:var(--danger)!important}.btn-danger-ghost:hover{background:var(--danger-soft)!important;box-shadow:none}.btn-danger-ghost:active{background:color-mix(in srgb,var(--danger-dot) 16%,transparent)!important;box-shadow:none}.btn-danger-ghost:focus-visible{box-shadow:var(--focus-ring-danger)}.btn-success{color:var(--white);background:var(--success);box-shadow:0 0 0 1px var(--success),inset 0 1px #fff3}.btn-success svg{color:currentColor}.btn-success:hover{background:var(--success);filter:brightness(.95)}.btn-link{background:none!important;box-shadow:none!important;color:var(--accent-text);padding:0 2px;height:auto;min-height:0}.btn-link:hover{text-decoration:underline!important;text-underline-offset:3px}.btn-link:active{transform:none}.btn:disabled,.btn.is-disabled,.btn[aria-disabled=true]{cursor:not-allowed;transform:none;filter:none;opacity:1;color:var(--fg-disabled)!important;background:var(--surface-sunken)!important;box-shadow:0 0 0 1px var(--ring)!important}.btn:disabled svg,.btn.is-disabled svg{color:var(--fg-disabled)!important;opacity:1}.btn-ghost:disabled,.btn-ghost.is-disabled,.btn-danger-ghost:disabled,.btn-link:disabled{background:transparent!important;box-shadow:none!important}.btn:disabled kbd,.btn.is-disabled kbd{background:transparent;color:var(--fg-disabled);box-shadow:0 0 0 1px var(--ring)}.btn.is-loading{color:transparent!important;pointer-events:none}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;border:1.6px solid var(--fg-3);border-right-color:transparent;animation:spin .7s linear infinite;visibility:visible}.btn-primary.is-loading:after,.btn-danger.is-loading:after{border-color:var(--white);border-right-color:transparent}.btn-group{display:inline-flex;border-radius:var(--radius-sm);box-shadow:var(--shadow-control)}.btn-group .btn{box-shadow:inset 0 1px 0 var(--highlight);border-radius:0}.btn-group .btn+.btn{box-shadow:inset 1px 0 0 var(--ring),inset 0 1px 0 var(--highlight)}.btn-group .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.btn-group .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.icon-btn,.edit-btn,.delete-btn{width:var(--h-sm);height:var(--h-sm);min-width:24px;padding:0;display:inline-grid;place-items:center;flex-shrink:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-3);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.icon-btn svg,.edit-btn svg,.delete-btn svg{width:16px;height:16px}.icon-btn:hover:not(:disabled),.edit-btn:hover{background:var(--surface-hover);color:var(--fg)}.delete-btn:hover{background:var(--danger-soft);color:var(--danger)}.icon-btn:disabled{color:var(--fg-disabled);cursor:not-allowed}.td-actions,.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.th-actions{text-align:right}td.td-actions{display:table-cell;text-align:right;white-space:nowrap}td.td-actions>*+*{margin-left:2px}.td-actions button,.td-actions a{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.btn-clear{height:var(--h-md);padding:0 var(--space-3);border:0;background:transparent;color:var(--fg-2);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer}.btn-clear:hover{background:var(--surface-hover);color:var(--fg)}:where(button:disabled:not(.btn)){cursor:not-allowed;opacity:.55}:where(input:disabled,select:disabled,textarea:disabled){cursor:not-allowed}.fld,.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.fld-label,.form-group>label,.field-label{display:flex;align-items:center;gap:6px;font:500 var(--text-xs)/16px var(--font-sans);color:var(--fg-2);letter-spacing:0;text-transform:none}.fld-label .req{color:var(--fg-3);font-weight:400}.fld-label .opt{margin-left:auto;color:var(--fg-3);font-weight:400}.fld-label a,.fld-label .btn-link{margin-left:auto;font-weight:500;color:var(--accent-text)}.fld-help,.field-hint{font-size:var(--text-xs);line-height:16px;color:var(--fg-3)}.fld-error{display:flex;align-items:flex-start;gap:5px;font-size:var(--text-xs);line-height:16px;color:var(--danger);font-weight:500}.fld-error svg{width:14px;height:14px;margin-top:1px;flex:none}.fld-ok{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);line-height:16px;color:var(--success);font-weight:500}.field{--h: var(--h-md);position:relative;display:flex;align-items:center;height:var(--h);min-width:0;background:var(--field-bg);border-radius:var(--radius-sm);color:var(--fg);box-shadow:0 0 0 1px var(--ring),var(--inset-field);transition:box-shadow var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.field:hover{box-shadow:0 0 0 1px var(--ring-strong),var(--inset-field)}.field:focus-within{box-shadow:var(--focus-ring-field),var(--inset-field)}.field.is-error,.field:has(>[aria-invalid=true]){box-shadow:0 0 0 1px var(--danger-dot),var(--inset-field)}.field.is-error:focus-within,.field:has(>[aria-invalid=true]):focus-within{box-shadow:var(--focus-ring-danger)}.field.is-disabled,.field:has(>:disabled){background:var(--surface-sunken);box-shadow:0 0 0 1px var(--ring);color:var(--fg-disabled);cursor:not-allowed}.field.is-readonly,.field:has(>[readonly]){background:var(--field-bg-readonly);box-shadow:0 0 0 1px var(--line)}.field.is-readonly input,.field:has(>[readonly]) input{color:var(--fg-2)}.field-sm{--h: var(--h-sm)}.field-lg{--h: var(--h-lg)}.field-xl{--h: var(--h-xl);border-radius:var(--radius-md)}.field input,.field select,.field textarea{flex:1;min-width:0;width:100%;height:100%;padding:0 10px;border:0;outline:0;background:transparent;box-shadow:none;font:400 var(--text-sm)/1.4 var(--font-sans);color:inherit;letter-spacing:-.003em;border-radius:inherit}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{box-shadow:none}.field-lg input,.field-xl input{font-size:var(--text-md);padding:0 12px}.field input::placeholder,.field textarea::placeholder{color:var(--fg-placeholder);opacity:1}.field input:disabled,.field input:disabled::placeholder{color:var(--fg-disabled);cursor:not-allowed}.field textarea{padding:8px 10px;resize:vertical;height:auto;min-height:76px}.field.has-area{height:auto;align-items:stretch;flex-direction:column}.field .lead,.field .trail{display:flex;align-items:center;color:var(--fg-3);flex:none}.field .lead{padding-left:10px;margin-right:-4px}.field .lead svg{width:16px;height:16px}.field .trail{padding-right:6px;gap:6px}.field:focus-within .lead{color:var(--fg-2)}.field .affix{display:flex;align-items:center;align-self:stretch;padding:0 10px;flex:none;color:var(--fg-3);font-size:var(--text-sm);white-space:nowrap}.field .affix.pre{box-shadow:inset -1px 0 0 var(--line);background:var(--surface-2);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.field .affix.suf{box-shadow:inset 1px 0 0 var(--line);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.field .affix.inline{padding:0 0 0 10px;background:none;box-shadow:none}.field .affix.inline+input{padding-left:4px}.field .affix.inline-suf{padding:0 10px 0 0;background:none;box-shadow:none}.field input.num,.field input.right{text-align:right;font-variant-numeric:tabular-nums}.field .counter{position:absolute;right:8px;bottom:6px;font:500 11px/1 var(--font-mono);color:var(--fg-3)}.field .inner-btn{height:calc(var(--h) - 8px);padding:0 8px;border-radius:var(--radius-xs);border:0;background:var(--surface-sunken);color:var(--fg-2);font:500 var(--text-xs)/1 var(--font-sans);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;margin-right:4px;flex:none}.field .inner-btn:hover{color:var(--fg);background:var(--surface-active)}.field .trail .btn{--h: calc(var(--h-md) - 8px)}.field.select select{appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer}.field.select:after{content:"";position:absolute;right:9px;top:50%;width:14px;height:14px;margin-top:-7px;pointer-events:none;background:var(--fg-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l3-3 3 3M5 10l3 3 3-3'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l3-3 3 3M5 10l3 3 3-3'/%3E%3C/svg%3E") center/14px no-repeat;transition:background-color var(--dur-1) var(--ease-out)}.field.select:hover:after,.field.select:focus-within:after{background:var(--fg-2)}.field.select.is-disabled:after,.field.select:has(>:disabled):after{background:var(--fg-disabled)}.field select.is-placeholder,.field select:has(option[value=""]:checked),.field .ph{color:var(--fg-placeholder)}.field select option,select option{color:var(--fg);background:var(--surface)}.field .val{flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.field .lead+.val,.field .lead+input,.field .lead+select{padding-left:8px}input:is([type=date],[type=datetime-local],[type=month]){position:relative}input:is([type=date],[type=datetime-local],[type=month])::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;margin:0;padding:0;opacity:0;cursor:pointer;background:none}input:is([type=date],[type=datetime-local],[type=month]):not(.field :is(.lead,.affix)~input){background-image:var(--ico-calendar);background-repeat:no-repeat;background-position:10px 50%;background-size:14px 14px;padding-left:30px}input:is([type=date],[type=datetime-local],[type=month]):disabled{cursor:not-allowed}input:is([type=date],[type=datetime-local],[type=month]):disabled::-webkit-calendar-picker-indicator{cursor:not-allowed}.form-row,.form-grid,.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}.span-2{grid-column:span 2}.span-all{grid-column:1 / -1}.fsec{padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.fsec+.fsec{box-shadow:inset 0 1px 0 var(--line)}.fsec-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fsec-h h3{font-size:var(--text-sm);font-weight:600;letter-spacing:-.006em}.fsec-h p{font-size:var(--text-xs);color:var(--fg-3)}.fsec-h .n{font:500 11px/1 var(--font-mono);color:var(--fg-3);min-width:14px}.fsec-h .aside{margin-left:auto;font-size:var(--text-xs);color:var(--fg-3)}.form-section-label,.form-section-title{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;letter-spacing:-.006em;color:var(--fg);text-transform:none;padding:4px 0 8px;border-bottom:0;box-shadow:inset 0 -1px 0 var(--line)}.setting-row{display:flex;align-items:flex-start;gap:16px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.setting-row .t{flex:1;min-width:0}.setting-row .t b{display:block;font-weight:500}.setting-row .t span{font-size:var(--text-xs);color:var(--fg-3)}.setting-row+.setting-row{margin-top:8px}.input,.select:not(.field),.textarea,.form-input,.form-select,select.form-input,.search-box input,.date-input,:where(.form-group,.drawer-body,.doc-field) :where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden]),select,textarea):not(.field *){width:100%;height:var(--h-md);min-height:var(--h-md);padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--field-bg);color:var(--fg);font:400 var(--text-sm)/1.4 var(--font-sans);letter-spacing:-.003em;outline:none;box-shadow:0 0 0 1px var(--ring),var(--inset-field);transition:box-shadow var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.form-input,.form-select,select.form-input{order:2}.textarea,textarea.form-input,textarea.input,:where(.form-group,.drawer-body,.doc-field) textarea:not(.field *){height:auto;min-height:76px;padding:8px 10px;line-height:var(--leading-normal);resize:vertical}.input::placeholder,.textarea::placeholder,.form-input::placeholder,.search-box input::placeholder,:where(.form-group,.drawer-body,.doc-field) :where(input,textarea)::placeholder{color:var(--fg-placeholder);opacity:1}.input:hover,.select:not(.field):hover,.textarea:hover,.form-input:hover,.form-select:hover,.search-box input:hover,.date-input:hover,:where(.form-group,.drawer-body,.doc-field) :where(input:not([type=checkbox],[type=radio]),select,textarea):not(.field *):hover{box-shadow:0 0 0 1px var(--ring-strong),var(--inset-field)}.input:focus,.select:not(.field):focus,.textarea:focus,.form-input:focus,.form-select:focus,.search-box input:focus,.date-input:focus,:where(.form-group,.drawer-body,.doc-field) :where(input:not([type=checkbox],[type=radio]),select,textarea):not(.field *):focus{outline:none;box-shadow:var(--focus-ring-field),var(--inset-field)}.input:disabled,.select:not(.field):disabled,.textarea:disabled,.form-input:disabled,.form-select:disabled,:where(.form-group,.drawer-body,.doc-field) :where(input,select,textarea):not(.field *):disabled{background:var(--surface-sunken);color:var(--fg-disabled);box-shadow:0 0 0 1px var(--ring);cursor:not-allowed;opacity:1}.input[readonly],.form-input[readonly],:where(.form-group,.drawer-body) input[readonly]:not(.field *){background:var(--field-bg-readonly);color:var(--fg-2);box-shadow:0 0 0 1px var(--line)}select.input,select.select,select.form-input,select.form-select,.select:not(.field),.form-select,:where(.form-group,.drawer-body,.doc-field) select:not(.field *){appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:30px;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 9px center;background-size:14px}select.input:has(option[value=""]:checked),select.form-input:has(option[value=""]:checked),select.select:has(option[value=""]:checked),select.form-select:has(option[value=""]:checked){color:var(--fg-placeholder)}input.num,.input.num,.form-input.num{text-align:right;font-variant-numeric:tabular-nums}.is-invalid,[aria-invalid=true].input,[aria-invalid=true].form-input,.has-error input,.has-error select,.has-error textarea,input.ng-invalid.ng-touched:not(.field *),select.ng-invalid.ng-touched:not(.field *),textarea.ng-invalid.ng-touched:not(.field *){box-shadow:0 0 0 1px var(--danger-dot),var(--inset-field)!important}.is-invalid:focus,.has-error input:focus,.has-error select:focus,input.ng-invalid.ng-touched:focus:not(.field *){box-shadow:var(--focus-ring-danger)!important}.error-msg,.error-msg-small,.field-error,.form-error{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);line-height:16px;font-weight:500;color:var(--danger)}.form-error{order:3}.ok-hint{order:3;font-size:var(--text-xs);font-weight:500;color:var(--success)}.form-field{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.form-label{order:1;display:flex;align-items:center;gap:6px;font:500 var(--text-xs)/16px var(--font-sans);color:var(--fg-2);text-align:left;letter-spacing:0}.form-input.ng-invalid.ng-touched:not(:focus)~.form-label{color:var(--danger)}.form-input--prefix{padding-left:44px!important}.form-prefix{position:absolute;left:10px;bottom:0;height:var(--h-md);display:flex;align-items:center;font:500 var(--text-xs)/1 var(--font-mono);color:var(--fg-3);pointer-events:none;z-index:2;transition:opacity var(--dur-1)}.form-input--prefix.has-value~.form-prefix,.form-input--prefix:focus~.form-prefix{opacity:1}.form-input--prefix:not(.has-value):not(:focus)~.form-prefix{opacity:0}.search-box{position:relative;flex:1 1 260px;min-width:0}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--fg-3);pointer-events:none;z-index:1}.search-box input{padding-left:32px}.search-box:focus-within .search-icon{color:var(--fg-2)}.date-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.date-input{width:auto}.date-separator{color:var(--fg-3)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:40px!important}.password-toggle-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:var(--fg-3);border-radius:var(--radius-sm);cursor:pointer}.password-toggle-btn:hover{color:var(--fg);background:var(--surface-hover)}.custom-select-wrapper{position:relative;order:2;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--h-md);min-height:var(--h-md);padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--field-bg);color:var(--fg);font-size:var(--text-sm);cursor:pointer;box-shadow:0 0 0 1px var(--ring),var(--inset-field)}.custom-select-trigger:hover{box-shadow:0 0 0 1px var(--ring-strong),var(--inset-field)}.custom-select-trigger.open,.custom-select-trigger:focus-visible{box-shadow:var(--focus-ring-field),var(--inset-field)}.custom-select-trigger.disabled{background:var(--surface-sunken);color:var(--fg-disabled);cursor:not-allowed}.selected-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-stock{font-size:var(--text-xs);color:var(--fg-3);white-space:nowrap}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);max-height:260px;overflow-y:auto;padding:4px;background:var(--pop-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:pop var(--dur-3) var(--ease-out)}.custom-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:30px;padding:6px 8px;border-radius:var(--radius-2xs);cursor:pointer;font-size:var(--text-sm)}.custom-option:hover{background:var(--menu-hover)}.opt-left{display:flex;flex-direction:column;min-width:0}.opt-name{font-weight:500;color:var(--fg)}.opt-stock{font-size:var(--text-xs);color:var(--fg-3)}.opt-stock.low{color:var(--warning)}.opt-price{font-variant-numeric:tabular-nums;font-weight:600}:where(input[type=checkbox],input[type=radio]){appearance:none;-webkit-appearance:none;position:relative;flex:none;width:16px;height:16px;margin:0;display:inline-grid;place-content:center;vertical-align:-3px;background:var(--field-bg);border:0;border-radius:var(--radius-xs);cursor:pointer;box-shadow:0 0 0 1px var(--ring-strong),var(--inset-field);transition:background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}:where(input[type=radio]){border-radius:50%}:where(input[type=checkbox]):after{content:"";width:16px;height:16px;background:var(--fg-on-accent);transform:scale(.6);opacity:0;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4'/%3E%3C/svg%3E") center/16px no-repeat}:where(input[type=checkbox]):indeterminate:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4.5 8h7'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4.5 8h7'/%3E%3C/svg%3E") center/16px no-repeat}:where(input[type=radio]):after{content:"";width:6px;height:6px;border-radius:50%;background:var(--fg-on-accent);transform:scale(0);transition:transform var(--dur-2) var(--ease-out)}:where(input[type=checkbox],input[type=radio]):hover{box-shadow:0 0 0 1px var(--fg-3),var(--inset-field)}:where(input[type=checkbox]:checked,input[type=checkbox]:indeterminate,input[type=radio]:checked){background:var(--accent);box-shadow:0 0 0 1px var(--accent-edge),inset 0 1px #fff3}:where(input[type=checkbox]:checked,input[type=checkbox]:indeterminate):after{transform:scale(1);opacity:1}:where(input[type=radio]:checked):after{transform:scale(1)}:where(input[type=checkbox],input[type=radio]):focus-visible{box-shadow:var(--focus-ring-field);border-radius:var(--radius-xs)}:where(input[type=radio]):focus-visible{border-radius:50%}:where(input[type=checkbox],input[type=radio]):disabled{background:var(--surface-sunken);box-shadow:0 0 0 1px var(--ring);cursor:not-allowed}:where(input[type=checkbox]:checked:disabled,input[type=radio]:checked:disabled){background:var(--fg-disabled)}.check,.radio{position:relative;display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:var(--text-sm);font-weight:400;color:var(--fg);line-height:18px}.check>input,.radio>input{margin-top:1px}.check .sub,.radio .sub{display:block;color:var(--fg-3);font-size:var(--text-xs);line-height:16px;margin-top:2px}.check.is-disabled,.radio.is-disabled{color:var(--fg-disabled);cursor:not-allowed}.check-row,.doc-check,.inline-check{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:400;color:var(--fg);cursor:pointer}.check-row label{display:inline-flex;align-items:center;gap:8px;font-weight:400}.choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.choice-card{position:relative;display:flex;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 1px var(--ring);cursor:pointer;transition:box-shadow var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.choice-card:hover{box-shadow:0 0 0 1px var(--ring-strong)}.choice-card.is-selected,.choice-card:has(input:checked){background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.choice-card b{font-weight:500}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm);font-weight:400;flex-shrink:0}.switch>input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.switch .track,.switch .slider,.switch-track{position:relative;width:28px;height:16px;border-radius:var(--radius-full);flex:none;background:var(--switch-track);box-shadow:inset 0 1px 2px #0000001f;transition:background-color var(--dur-2) var(--ease-out);cursor:pointer}.switch .track:after,.switch .slider:before,.switch-track:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--white);box-shadow:0 1px 2px #00000040,0 0 0 .5px #0000000f;transition:transform var(--dur-2) var(--ease-out)}.switch.is-on .track,.switch>input:checked+.track,.switch>input:checked+.slider,.switch input:checked+.switch-track{background:var(--accent)}.switch.is-on .track:after,.switch>input:checked+.track:after,.switch>input:checked+.slider:before,.switch input:checked+.switch-track:before{transform:translate(12px)}.switch>input:focus-visible+.track,.switch>input:focus-visible+.slider,.switch input:focus-visible+.switch-track{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.switch.is-disabled,.switch:has(>input:disabled){color:var(--fg-disabled);cursor:not-allowed}.switch.is-disabled .track,.switch>input:disabled+.track,.switch>input:disabled+.slider{background:var(--switch-track-disabled)}.switch.is-disabled .track:after,.switch>input:disabled+.track:after{background:var(--switch-thumb-disabled);box-shadow:none}.seg,.segmented,.lang-switch,.filter-pills.seg{display:inline-flex;align-items:center;gap:2px;height:var(--h-md);padding:2px;border-radius:var(--radius-7);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);border:0;max-width:100%;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.seg::-webkit-scrollbar,.segmented::-webkit-scrollbar{display:none}.seg button,.segmented button,.lang-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:100%;min-width:0;padding:0 10px;border:0;border-radius:var(--radius-2xs);background:transparent;font:500 var(--text-sm)/1 var(--font-sans);color:var(--fg-3);cursor:pointer;white-space:nowrap;letter-spacing:-.003em;transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.seg button:hover,.segmented button:hover,.lang-switch button:hover{color:var(--fg)}.seg button[aria-pressed=true],.seg button.active,.segmented button.active,.segmented button[aria-pressed=true],.lang-switch button[aria-pressed=true]{color:var(--fg);background:var(--seg-thumb);box-shadow:0 0 0 1px var(--ring),0 1px 2px #11111314,inset 0 1px 0 var(--highlight)}.seg button:focus-visible,.segmented button:focus-visible,.lang-switch button:focus-visible{box-shadow:var(--focus-ring-field)}.seg button .count{font:500 11px/1 var(--font-mono);color:var(--fg-3)}.seg button[aria-pressed=true] .count,.seg button.active .count{color:var(--fg-2)}.seg-sm,.lang-switch{height:var(--h-sm)}.seg-sm button,.lang-switch button{padding:0 8px;font-size:var(--text-xs)}.filter-pills{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-7);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap;max-width:100%}.filter-pill{height:calc(var(--h-md) - 4px);padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--fg-3);font:500 var(--text-sm)/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.filter-pill:hover{color:var(--fg)}.filter-pill.active,.filter-pill[aria-pressed=true]{color:var(--fg);background:var(--seg-thumb);box-shadow:0 0 0 1px var(--ring),0 1px 2px #11111314,inset 0 1px 0 var(--highlight)}.filter-pill:focus-visible{box-shadow:var(--focus-ring-field)}.tabs{display:flex;gap:4px;box-shadow:inset 0 -1px 0 var(--line);border-bottom:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a,.tab{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px;margin:0 4px;border:0;background:transparent;font:500 var(--text-sm)/1 var(--font-sans);color:var(--fg-3);white-space:nowrap;cursor:pointer;text-decoration:none;transition:color var(--dur-1) var(--ease-out)}.tabs a>span,.tab>span{padding:4px 6px;border-radius:var(--radius-2xs);transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.tabs a:hover>span,.tab:hover>span{background:var(--surface-hover);color:var(--fg)}.tab:hover,.tabs a[aria-current=page],.tab.active,.tab[aria-selected=true]{color:var(--fg)}.tabs a[aria-current=page]:after,.tab.active:after,.tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--fg)}.tab:focus-visible{box-shadow:var(--focus-ring-field);border-radius:var(--radius-2xs)}.tab .count,.tabs a .count{font:500 11px/1 var(--font-mono);color:var(--fg-3)}.tabs.fade-edges{-webkit-mask-image:linear-gradient(90deg,transparent 0,black 16px,black calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent 0,black 16px,black calc(100% - 16px),transparent)}.subnav{display:flex;flex-direction:column;gap:2px;width:200px;flex:none}.subnav a,.subnav button{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-2);font:500 var(--text-sm)/1 var(--font-sans);text-align:left;cursor:pointer}.subnav a:hover,.subnav button:hover{background:var(--surface-hover);color:var(--fg)}.subnav [aria-current=page],.subnav .active{background:var(--nav-active-bg);color:var(--fg);box-shadow:var(--shadow-control),inset 0 1px 0 var(--highlight)}.pagination-bar,.tbl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:44px;padding:6px 12px 6px 16px;background:var(--surface-2);box-shadow:inset 0 1px 0 var(--line);border-top:0;font-size:var(--text-xs);color:var(--fg-3)}.tbl-foot .spacer{flex:1}.pagination-info strong{color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums}.pagination-actions{display:flex;align-items:center;gap:4px}.page-btn{min-width:var(--h-sm);height:var(--h-sm);padding:0 8px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--fg-2);box-shadow:var(--shadow-control),inset 0 1px 0 var(--highlight);font:500 var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.page-btn svg{width:14px;height:14px}.page-btn:hover:not(:disabled){background:var(--btn-bg-hover);color:var(--fg);box-shadow:var(--shadow-control-hover),inset 0 1px 0 var(--highlight)}.page-btn.active,.page-btn[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-line)}.page-btn:disabled{background:var(--surface-sunken);color:var(--fg-disabled);box-shadow:0 0 0 1px var(--ring);cursor:not-allowed}.badge,.status-pill{--badge-bg: var(--neutral-badge-bg);--badge-fg: var(--neutral-badge-fg);--badge-line: var(--neutral-badge-line);--badge-dot: var(--fg-3);display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border:0;border-radius:var(--radius-2xs);background:var(--badge-bg);color:var(--badge-fg);box-shadow:inset 0 0 0 1px var(--badge-line);font:500 var(--text-xs)/1 var(--font-sans);white-space:nowrap;letter-spacing:0;vertical-align:middle;flex-shrink:0}.badge .dot,.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--badge-dot);flex:none}.badge-instock,.badge-success{--badge-bg: var(--success-soft);--badge-fg: var(--success);--badge-line: var(--success-line);--badge-dot: var(--success-dot)}.badge-lowstock,.badge-warning{--badge-bg: var(--warning-soft);--badge-fg: var(--warning);--badge-line: var(--warning-line);--badge-dot: var(--warning-dot)}.badge-outstock,.badge-danger{--badge-bg: var(--danger-soft);--badge-fg: var(--danger);--badge-line: var(--danger-line);--badge-dot: var(--danger-dot)}.badge-info,.badge-primary{--badge-bg: var(--info-soft);--badge-fg: var(--info);--badge-line: var(--info-line);--badge-dot: var(--accent)}.badge-muted,.badge-neutral{--badge-bg: var(--neutral-badge-bg);--badge-fg: var(--neutral-badge-fg);--badge-line: var(--neutral-badge-line);--badge-dot: var(--fg-3)}.badge-outline{background:transparent}.badge+.badge,td>:not(.badge)+.badge,td>.badge+:not(.badge),.badge+.mono,.mono+.badge,strong+.badge,b+.badge,span:not(.badge)+.badge{margin-left:6px}:is(.cluster,.row-flex,.td-actions,.doc-chips,.card-h,.kpi-top,.fsec-h,.drawer-header,.drawer-h)>.badge{margin-left:0}.tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--radius-xs);font:500 var(--text-xs)/1 var(--font-mono);color:var(--fg-2);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}.delta{display:inline-flex;align-items:center;gap:2px;font:500 var(--text-xs)/1 var(--font-sans);font-variant-numeric:tabular-nums}.delta.up,.trend-up{color:var(--success)}.delta.down,.trend-down{color:var(--danger)}.meter{height:4px;border-radius:1px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;min-width:32px}.meter>i{display:block;height:100%;border-radius:0;background:var(--fg-2)}.meter.warn>i{background:var(--warning-dot)}.meter.danger>i{background:var(--danger-dot)}.meter.ok>i{background:var(--success-dot)}.sdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fg-3);flex-shrink:0}.sdot.completed{background:var(--success-dot)}.sdot.pending{background:var(--warning-dot)}.sdot.cancelled{background:var(--danger-dot)}.id-cell,.sku,td.mono{white-space:nowrap}.id-cell,.sku{font:400 var(--text-xs)/1.4 var(--font-mono);color:var(--fg-3)}.card,.table-card,.settings-card,.sidebar-card,.tbl-wrap,.mlist{background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:0}.card{padding:16px;display:flex;flex-direction:column;gap:12px}.card:has(>.card-h,>.card-b,>.card-f,>.tbl-scroll,>.table-scroll){padding:0;gap:0}.card:has(>.tbl-scroll,>.table-scroll,>.table-wrap){overflow:hidden;overflow:clip}.card-h{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;box-shadow:inset 0 -1px 0 var(--line)}.card-h h3,.card-h h2{font-size:var(--text-sm);font-weight:600;letter-spacing:-.006em}.card-h .sub{color:var(--fg-3);font-size:var(--text-xs)}.card-h .spacer{flex:1}.card-b{padding:16px}.card-f{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;box-shadow:inset 0 1px 0 var(--line);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--text-xs);color:var(--fg-3)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-title{font-size:var(--text-sm);font-weight:600;color:var(--fg);letter-spacing:-.006em;text-transform:none}.card-subtitle{font-size:var(--text-xs);color:var(--fg-3)}.settings-card{padding:20px}.sidebar-card{padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar-card .card-list{max-height:220px;overflow-y:auto}.table-card,.tbl-wrap,.mlist{overflow:hidden}.kpi-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kpi{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;min-width:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;text-decoration:none!important;transition:box-shadow var(--dur-1) var(--ease-out)}a.kpi:hover,button.kpi:hover,.kpi.is-link:hover{box-shadow:var(--shadow-card-hover);cursor:pointer}button.kpi{border:0;text-align:left;font:inherit}.kpi-top{display:flex;align-items:center;gap:6px;color:var(--fg-3);font-size:var(--text-xs);font-weight:500}.kpi-top .go{margin-left:auto;color:var(--fg-3);opacity:0;transform:translate(-2px);transition:opacity var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.kpi:hover .kpi-top .go{opacity:1;transform:none}.kpi-val{display:flex;align-items:baseline;gap:6px;min-width:0}.kpi-val b,.kpi-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;line-height:1.1;color:var(--fg)}.kpi-val .unit{color:var(--fg-3);font-size:var(--text-sm);font-weight:500}.kpi-val .dec,.money-dec{font-size:.62em;color:var(--fg-3);font-weight:500;letter-spacing:0}.kpi-foot{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--fg-3);white-space:nowrap;min-width:0}.kpi-foot>span:not(.delta){overflow:hidden;text-overflow:ellipsis;min-width:0}.kpi-foot svg.spark,.kpi-foot .spark{margin-left:auto;width:84px;height:24px;flex:none;color:var(--chart-1)}.kpi.is-alert .kpi-top{color:var(--warning)}.kpi-label{font-size:var(--text-xs);font-weight:500;color:var(--fg-3);text-transform:none;letter-spacing:0}.kpi-meta{font-size:var(--text-xs);color:var(--fg-3)}.distbar{display:flex;height:6px;gap:2px;border-radius:1px;overflow:hidden}.distbar>i{display:block;height:100%;background:var(--fg-3)}.distbar>i.ok{background:var(--success-dot)}.distbar>i.warn{background:var(--warning-dot)}.distbar>i.danger{background:var(--danger-dot)}.stat-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;min-width:0;background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.stat-icon-box{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line)}.stat-icon-box svg{width:16px;height:16px}.stat-icon-box.products{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-soft-2)}.stat-icon-box.lowstock{background:var(--warning-soft);color:var(--warning);box-shadow:inset 0 0 0 1px var(--warning-line)}.stat-icon-box.outstock{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.stat-icon-box.revenue{background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1px var(--success-line)}.stat-label{font-size:var(--text-xs);font-weight:500;color:var(--fg-3);text-transform:none;letter-spacing:0}.stat-value{font-size:var(--text-2xl);font-weight:600;letter-spacing:var(--tracking-tighter);line-height:1.15;color:var(--fg);font-variant-numeric:tabular-nums;font-family:var(--font-display)}.stat-value.low{color:var(--warning)}.stat-value.out{color:var(--danger)}.stat-value.good{color:var(--success)}.mrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 14px;box-shadow:inset 0 -1px 0 var(--line)}.mrow:last-child{box-shadow:none}.mrow .thumb{grid-row:span 2;width:32px;height:32px;border-radius:var(--radius-7);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;color:var(--fg-3);font:600 12px/1 var(--font-sans)}.mrow b{font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mrow .v{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.mrow .s{font-size:var(--text-xs);color:var(--fg-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.mrow .s.r{text-align:right}.mrow.is-selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent),inset 0 -1px 0 var(--line)}.table-scroll,.table-wrap,.tbl-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}th{position:sticky;top:0;z-index:1;height:34px;padding:0 12px;background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--line);border-bottom:0;color:var(--fg-3);font:500 var(--text-xs)/1.2 var(--font-sans);text-transform:none;letter-spacing:0;text-align:left;white-space:nowrap;vertical-align:middle}th .sort,th.sortable{cursor:pointer}th .sort{display:inline-flex;align-items:center;gap:4px}th .sort:hover,th.sortable:hover,th.is-sorted{color:var(--fg)}td{height:var(--row-h);padding:6px 12px;border-bottom:0;box-shadow:inset 0 -1px 0 var(--line);color:var(--fg);vertical-align:middle}tbody tr{transition:background-color var(--dur-1) var(--ease-out)}tbody tr:last-child td{box-shadow:none}tbody tr:hover td{background:var(--row-hover)}td strong{font-weight:500;color:var(--fg)}.table-zebra tbody tr:nth-child(2n) td{background:var(--surface-2)}.table-compact td,.tbl.dense td{height:var(--row-h-dense);padding-top:4px;padding-bottom:4px}.table-compact th{height:30px}th.num,td.num,th.r,td.r,.text-right,.amount-cell,.tbl .r{text-align:right;font-variant-numeric:tabular-nums}.text-center,.tbl .c{text-align:center}tr.selected td,tr.is-selected td,.highlight-row td{background:var(--accent-soft)!important}tr.selected td:first-child,tr.is-selected td:first-child{box-shadow:inset 2px 0 0 var(--accent),inset 0 -1px 0 var(--line)}.clickable-row{cursor:pointer}.tbl td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.tbl .w-check,th.w-check,td.w-check{width:40px;padding-right:0}.tbl .w-act{width:44px;padding:0 6px;text-align:right}.tbl .sec,.cell-sec{color:var(--fg-3)}.tbl .code,.cell-code{font:400 var(--text-xs)/1 var(--font-mono);color:var(--fg-3);margin-left:8px}.tbl .prod,.cell-prod{display:flex;align-items:center;gap:10px;min-width:0}.cell-prod .thumb,.tbl .prod .thumb{width:24px;height:24px;border-radius:var(--radius-2xs);flex:none;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;color:var(--fg-3);font:600 11px/1 var(--font-sans)}.cell-prod b,.tbl .prod b{font-weight:500;overflow:hidden;text-overflow:ellipsis}.cell-stock,.tbl .stock{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.cell-stock .meter,.tbl .stock .meter{width:44px}.row-act{opacity:0;transition:opacity var(--dur-1) var(--ease-out)}tr:hover .row-act,tr.is-selected .row-act,tr:focus-within .row-act{opacity:1}@media(pointer:coarse){.row-act{opacity:1}}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar .spacer,.toolbar-spacer{flex:1}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.chip-filter{display:inline-flex;align-items:stretch;height:var(--h-sm);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--ring);background:var(--chip-bg);font-size:var(--text-xs);overflow:hidden}.chip-filter>span,.chip-filter>button{display:flex;align-items:center;gap:5px;padding:0 8px;white-space:nowrap;border:0;background:transparent;font:inherit;color:inherit}.chip-filter>*+*{box-shadow:inset 1px 0 0 var(--line)}.chip-filter .k,.chip-filter .op{color:var(--fg-3)}.chip-filter .v{color:var(--fg);font-weight:500}.chip-filter .x{color:var(--fg-3);padding:0 6px;cursor:pointer}.chip-filter .x:hover{background:var(--surface-hover);color:var(--fg)}.chip-add{height:var(--h-sm);display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:var(--radius-sm);font:500 var(--text-xs)/1 var(--font-sans);color:var(--fg-3);background:transparent;border:1px dashed var(--chip-add-line);cursor:pointer}.chip-add:hover{color:var(--fg);border-color:var(--fg-3)}.summary-strip{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:var(--text-xs);color:var(--fg-3)}.summary-strip b{color:var(--fg);font-weight:600;font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-right:4px}.bulkbar,.bulk-actions-bar{position:fixed;left:50%;bottom:24px;z-index:var(--z-drawer);transform:translate(-50%);display:flex;align-items:center;gap:4px;flex-wrap:nowrap;max-width:calc(100vw - 32px);min-height:44px;padding:6px 6px 6px 14px;border-radius:var(--radius-lg);color:var(--ink-fg);background:var(--ink);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 24px -4px #00000059,0 0 0 1px var(--black);animation:bulkRise var(--dur-3) var(--ease-out)}@keyframes bulkRise{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.bulkbar .count,.bulk-info{font-size:var(--text-sm);font-weight:500;margin-right:8px;white-space:nowrap;color:var(--ink-fg-2)}.bulkbar .count .mono,.bulk-info strong{color:var(--ink-accent);font-family:var(--font-mono);font-weight:500}.bulkbar .sep{width:1px;height:20px;background:var(--ink-line);margin:0 4px}.bulk-buttons{display:flex;gap:4px;flex-wrap:wrap}.bulkbar .bb,.btn-outline-light,.btn-ghost-light,.btn-danger-dark{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-fg-2);font:500 var(--text-sm)/1 var(--font-sans);cursor:pointer;white-space:nowrap}.bulkbar .bb svg,.btn-outline-light svg,.btn-ghost-light svg,.btn-danger-dark svg{width:16px;height:16px}.bulkbar .bb:hover,.btn-outline-light:hover,.btn-ghost-light:hover{background:var(--ink-hover);color:var(--white)}.btn-outline-light{box-shadow:inset 0 0 0 1px var(--ink-line)}.bulkbar .bb.danger,.btn-danger-dark{color:var(--ink-danger);background:transparent}.bulkbar .bb.danger:hover,.btn-danger-dark:hover{background:#ef444424}.bulkbar kbd{background:#ffffff14;color:var(--ink-fg-3);box-shadow:inset 0 0 0 1px #ffffff1a}.bulk-category-select-wrapper{position:relative}.bulk-category-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:220px;max-height:260px;overflow-y:auto;padding:4px;background:var(--pop-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);color:var(--fg)}.bulk-category-option{min-height:30px;display:flex;align-items:center;padding:0 8px;border-radius:var(--radius-2xs);font-size:var(--text-sm);color:var(--fg);cursor:pointer}.bulk-category-option:hover{background:var(--menu-hover)}.pop,.dropdown-menu,.profile-dropdown,.notif-dropdown,.search-suggestions-dropdown{position:absolute;z-index:var(--z-dropdown);background:var(--pop-bg);border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:4px;animation:pop var(--dur-3) var(--ease-out);transform-origin:top}.pop.static{position:static}.menu-i,.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;height:30px;min-height:30px;padding:0 8px;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--fg);font:400 var(--text-sm)/1 var(--font-sans);text-align:left;cursor:pointer;white-space:nowrap;text-decoration:none}.menu-i svg,.dropdown-item svg{width:16px;height:16px;color:var(--fg-3);flex:none}.menu-i:hover,.menu-i.is-active,.dropdown-item:hover{background:var(--menu-hover);color:var(--fg)}.menu-i:focus-visible,.dropdown-item:focus-visible{box-shadow:none;background:var(--menu-hover)}.menu-i kbd,.menu-i .meta,.dropdown-item kbd{margin-left:auto}.menu-i .meta{font-size:var(--text-xs);color:var(--fg-3)}.menu-i.danger,.menu-i.danger svg,.dropdown-item.logout,.dropdown-item.logout svg{color:var(--danger)}.dropdown-item.logout:hover{background:var(--danger-soft)}.menu-sep,.dropdown-divider{height:1px;background:var(--line);margin:4px -4px}.menu-label{padding:6px 8px 4px;font-size:var(--text-2xs);font-weight:500;color:var(--fg-3)}.dropdown-header{display:flex;flex-direction:column;gap:2px;padding:6px 8px}.dropdown-header strong{font-size:var(--text-sm);font-weight:500;color:var(--fg)}.dropdown-header span{font-size:var(--text-xs);color:var(--fg-3);overflow:hidden;text-overflow:ellipsis}.tooltip{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--ink-fg);background:var(--ink);box-shadow:0 0 0 1px var(--black),0 4px 12px #0003}.tooltip kbd{background:#ffffff1a;color:var(--ink-fg-3);box-shadow:none}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);z-index:var(--z-dropdown);height:26px;padding:0 8px;display:flex;align-items:center;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;font:500 var(--text-xs)/1 var(--font-sans);color:var(--ink-fg);background:var(--ink);box-shadow:0 4px 12px #0003;animation:pop var(--dur-3) var(--ease-out) .3s both}.notif-dropdown{top:calc(100% + 6px);right:0;width:360px;max-width:calc(100vw - 24px);overflow:hidden;padding:0}.notif-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 12px 0 14px;box-shadow:inset 0 -1px 0 var(--line)}.notif-header h4{font-size:var(--text-sm);font-weight:600}.notif-actions{display:flex;align-items:center;gap:8px}.notif-action-link{border:0;background:transparent;color:var(--accent-text);font-size:var(--text-xs);font-weight:500;cursor:pointer}.notif-action-link:hover{text-decoration:underline}.notif-actions .divider{color:var(--fg-disabled);background:none;height:auto}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;color:var(--fg-3);font-size:var(--text-sm)}.notif-empty svg{color:var(--fg-disabled)}.notif-item{display:flex;gap:10px;padding:10px 14px;box-shadow:inset 0 -1px 0 var(--line);cursor:pointer}.notif-item:last-child{box-shadow:none}.notif-item:hover{background:var(--menu-hover)}.notif-item.unread{background:var(--accent-soft)}.notif-indicator{width:6px;height:6px;margin-top:7px;border-radius:50%;flex-shrink:0;background:var(--fg-3)}.notif-indicator.info{background:var(--accent)}.notif-indicator.success{background:var(--success-dot)}.notif-indicator.warning{background:var(--warning-dot)}.notif-indicator.error{background:var(--danger-dot)}.notif-content{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-message{font-size:var(--text-sm);color:var(--fg-2);line-height:var(--leading-snug)}.unread .notif-message{color:var(--fg);font-weight:500}.notif-time{font:400 var(--text-xs)/1.3 var(--font-sans);color:var(--fg-3)}.toast-container{position:fixed;right:16px;bottom:16px;z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:8px;max-width:calc(100vw - 32px);pointer-events:none}.toast{pointer-events:auto;position:relative;display:flex;align-items:flex-start;gap:10px;width:360px;max-width:100%;padding:12px 10px 12px 14px;border:0;border-radius:var(--radius-md);background:var(--pop-bg);color:var(--fg);box-shadow:var(--shadow-pop),inset 3px 0 0 var(--toast-tone, var(--accent));animation:rise var(--dur-3) var(--ease-out)}.toast-success{--toast-tone: var(--success-dot)}.toast-error{--toast-tone: var(--danger-dot)}.toast-info{--toast-tone: var(--accent)}.toast-icon,.toast .ic{flex-shrink:0;width:18px;height:18px;display:grid;place-items:center;margin-top:1px;color:var(--toast-tone, var(--accent))}.toast-icon svg{width:18px;height:18px}.toast-body,.toast .t{flex:1;min-width:0}.toast-title,.toast b{display:block;font-weight:500;font-size:var(--text-sm)}.toast-message{flex:1;font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);color:var(--fg)}.toast .sub-line{display:block;color:var(--fg-3);font-size:var(--text-xs);margin-top:2px}.toast-close{border:0;background:transparent;color:var(--fg-3);cursor:pointer;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-2xs);flex:none;margin:-3px 0}.toast-close:hover{background:var(--surface-hover);color:var(--fg)}.scrim,.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--dur-3) var(--ease-out)}.modal,.modal-panel{width:520px;max-width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);animation:pop var(--dur-3) var(--ease-out)}.modal-panel-sm,.modal.w-sm{width:420px}.modal.w-lg{width:720px}.modal-h,.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px 6px 20px;border:0}.modal-h h2,.modal-h h3,.modal-header h2,.modal-header h3,.modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-display);line-height:24px;color:var(--fg)}.modal-b,.modal-content{padding:8px 20px 20px;color:var(--fg-2);overflow-y:auto;font-size:var(--text-sm);line-height:1.55}.modal-b p,.modal-content>p{max-width:68ch}.modal-f,.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-2);box-shadow:inset 0 1px 0 var(--line);border:0;flex-wrap:wrap}.modal-f .spacer{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;width:100%;flex-wrap:wrap}.modal-close{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-3);cursor:pointer;flex:none}.modal-close:hover{background:var(--surface-hover);color:var(--fg)}.type-confirm{display:flex;flex-direction:column;gap:6px;margin-top:14px}.type-confirm code{font:500 var(--text-xs)/1 var(--font-mono);padding:2px 5px;border-radius:var(--radius-xs);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg)}.delete-modal-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px;gap:6px;position:relative}.delete-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:var(--fg-3);border-radius:var(--radius-sm);cursor:pointer}.delete-modal-close:hover{background:var(--surface-hover);color:var(--fg)}.delete-icon,.confirm-dialog-icon{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line);margin-bottom:8px}.delete-icon svg,.confirm-dialog-icon svg{width:18px;height:18px}.delete-modal-title,.confirm-dialog-title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tighter);color:var(--fg)}.delete-modal-desc,.confirm-dialog-text{font-size:var(--text-sm);color:var(--fg-2);line-height:1.55;max-width:68ch}.delete-modal-desc strong{color:var(--fg)}.delete-modal-actions{display:flex;justify-content:flex-end;gap:8px;width:100%;margin-top:16px}.confirm-dialog{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.cmdk-scrim{position:fixed;inset:0;z-index:var(--z-palette);background:var(--overlay);display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;animation:fadeIn var(--dur-3) var(--ease-out)}.cmdk{width:640px;max-width:calc(100vw - 24px);background:var(--cmdk-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop),0 32px 64px -12px #0000004d;overflow:hidden;animation:pop var(--dur-3) var(--ease-out);display:flex;flex-direction:column;max-height:72vh}.cmdk-in{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;box-shadow:inset 0 -1px 0 var(--line);color:var(--fg-3);flex:none}.cmdk-in input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:400 var(--text-lg)/1 var(--font-sans);color:var(--fg);letter-spacing:-.01em}.cmdk-in input:focus-visible{box-shadow:none}.cmdk-in input::placeholder{color:var(--fg-placeholder)}.cmdk-scope{display:flex;gap:6px;padding:8px 12px 0;flex:none}.cmdk-list{padding:6px;overflow:auto;flex:1;min-height:0}.cmdk-g{padding:10px 10px 4px;font-size:var(--text-2xs);font-weight:500;color:var(--fg-3)}.cmdk-i{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:var(--radius-7);background:transparent;color:var(--fg-2);cursor:pointer;text-align:left;font:inherit}.cmdk-i svg{width:16px;height:16px;color:var(--fg-3);flex:none}.cmdk-i .lbl{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fg);font-weight:500}.cmdk-i .lbl-sub{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fg-3);font-size:var(--text-xs)}.cmdk-i .meta{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--fg-3);flex:none}.cmdk-i.is-active{background:var(--cmdk-active);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.cmdk-i.is-active svg{color:var(--fg)}.cmdk-empty{padding:28px 16px;text-align:center;color:var(--fg-3);font-size:var(--text-sm)}.cmdk-f{display:flex;align-items:center;gap:14px;height:40px;padding:0 14px;font-size:var(--text-xs);color:var(--fg-3);background:var(--cmdk-foot);box-shadow:inset 0 1px 0 var(--line);flex:none}.cmdk-f span{display:inline-flex;align-items:center;gap:5px}.cmdk-f .spacer{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:40px 24px;color:var(--fg-3);font-size:var(--text-sm)}.empty-state-icon,.empty-art{width:40px;height:40px;border-radius:var(--radius-lg);display:grid;place-items:center;margin-bottom:8px;background:var(--surface-sunken);color:var(--fg-3);box-shadow:inset 0 0 0 1px var(--line),0 1px 0 var(--highlight)}.empty-state-icon svg,.empty-art svg{width:20px;height:20px}.empty-state-title,.empty-state h3,.empty-state h4{font-size:var(--text-sm);font-weight:600;color:var(--fg)}.empty-state p{max-width:42ch}.empty-state .actions,.empty-state .cluster{margin-top:10px;justify-content:center}.skeleton,.skeleton-row,.skeleton-text,.skeleton-title{background:linear-gradient(90deg,var(--surface-sunken) 0%,var(--surface-active) 50%,var(--surface-sunken) 100%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-xs)}.skeleton-text{height:10px;width:100%}.skeleton-text.short{width:55%}.skeleton-title{height:14px;width:40%}.skeleton-row{height:16px}.skeleton-row.header{height:20px;background:var(--surface-active)}:is(.is-pending,[aria-busy=true]) :is(.kpi-val b,.kpi-value,.stat-value,.summary-strip b,.seg .count,.num-pending),.main-content:has(.skeleton-row:not(:is(.drawer-overlay,.drawer,.drawer-panel,.scrim,.modal,.pop,[role=dialog]) *)) :is(.kpi-val b,.kpi-value,.stat-value,.summary-strip b,.seg .count){display:inline-block;min-width:3ch;color:transparent!important;-webkit-user-select:none;user-select:none;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-sunken) 0%,var(--surface-active) 50%,var(--surface-sunken) 100%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;box-shadow:none}:is(.is-pending,[aria-busy=true]) :is(.kpi-val b,.kpi-value,.summary-strip b) *,.main-content:has(.skeleton-row:not(:is(.drawer-overlay,.drawer,.drawer-panel,.scrim,.modal,.pop,[role=dialog]) *)) :is(.kpi-val b,.kpi-value,.summary-strip b) *{color:transparent!important}.main-content:has(.skeleton-row:not(:is(.drawer-overlay,.drawer,.drawer-panel,.scrim,.modal,.pop,[role=dialog]) *)) .kpi-val b{min-width:5ch}.spinner-sm{display:inline-block;width:14px;height:14px;border:1.6px solid var(--line-strong);border-top-color:var(--fg-2);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;vertical-align:-2px}.spinner-light{border-color:#ffffff59;border-top-color:var(--white)}.notice,.alert-banner,.readonly-banner{--tone: var(--info);--tone-soft: var(--info-soft);--tone-line: var(--info-line);--tone-dot: var(--accent);display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 12px;border:0;border-radius:var(--radius-md);background:var(--tone-soft);color:var(--fg);box-shadow:inset 0 0 0 1px var(--tone-line);font-size:var(--text-sm);line-height:var(--leading-snug)}.notice>svg,.alert-banner>svg,.readonly-banner>svg{width:16px;height:16px;flex-shrink:0;color:var(--tone)}.notice a,.alert-banner a{color:var(--accent-text);font-weight:500;white-space:nowrap}.notice .t,.alert-banner-text{flex:1;min-width:0}.notice-warning,.alert-banner--warning,.readonly-banner{--tone: var(--warning);--tone-soft: var(--warning-soft);--tone-line: var(--warning-line);--tone-dot: var(--warning-dot)}.notice-danger,.alert-banner--danger{--tone: var(--danger);--tone-soft: var(--danger-soft);--tone-line: var(--danger-line);--tone-dot: var(--danger-dot)}.notice-success{--tone: var(--success);--tone-soft: var(--success-soft);--tone-line: var(--success-line);--tone-dot: var(--success-dot)}.notice-info,.alert-banner--info{--tone: var(--info);--tone-soft: var(--info-soft);--tone-line: var(--info-line)}.readonly-banner{margin-bottom:16px}.auth-state{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.auth-state .ic{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.auth-state .ic.ok{background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1px var(--success-line)}.auth-state .ic.info{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-soft-2)}.auth-state .ic svg{width:20px;height:20px}.app-shell{display:flex;min-height:100vh;height:100vh;height:100dvh;background:var(--canvas)}.sidebar{width:var(--sidebar-w);flex-shrink:0;height:100vh;height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--canvas);border:0;box-shadow:inset -1px 0 0 var(--line);transition:width var(--dur-3) var(--ease-out),transform var(--dur-4) var(--ease-drawer);z-index:var(--z-sidebar)}.sidebar-inner{display:flex;flex-direction:column;gap:2px;height:100%;min-height:0;padding:10px}.sb-top{display:flex;align-items:center;gap:4px;height:36px}.sb-ws{display:flex;align-items:center;margin-top:4px}.brand-mark{position:relative;flex:none;display:inline-block;width:20px;height:20px;border-radius:var(--radius-0);background:var(--brand-cobalt)}.brand-mark:after{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;background:var(--brand-vermillion)}.brand-mark.sm{width:14px;height:14px}.brand-mark.lg{width:28px;height:28px}.brand-word{font:700 18px/1 var(--font-display);letter-spacing:var(--tracking-brand);color:var(--fg);text-transform:lowercase}.sys-label{font:500 var(--text-2xs)/1 var(--font-mono);letter-spacing:var(--tracking-sys);text-transform:uppercase;color:var(--fg-3);white-space:nowrap}.sb-brand{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:36px;padding:0 8px;border-radius:var(--radius-sm);color:var(--fg);text-decoration:none}.sb-brand .brand-word{margin-top:-1px}.sb-brand .sys-label{margin-left:auto;padding:3px 5px;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--line-2)}.sb-brand:hover{background:var(--surface-hover)}.sb-brand:focus-visible{box-shadow:var(--focus-ring-field)}.ws{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px;border-radius:var(--radius-sm);flex:1;min-width:0;color:var(--fg);text-decoration:none}.ws:hover{background:var(--surface-hover)}.ws b{font-weight:600;font-size:var(--text-sm);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em}.logo-mark,.ws .logo{width:22px;height:22px;border-radius:var(--radius-xs);flex:none;display:grid;place-items:center;color:var(--surface);font:700 11px/1 var(--font-display);letter-spacing:-.02em;background:var(--fg);box-shadow:0 0 0 1px var(--ring)}.search-trigger{display:flex;align-items:center;gap:8px;width:100%;height:32px;margin:6px 0 8px;padding:0 6px 0 10px;border:0;border-radius:var(--radius-sm);color:var(--fg-3);background:var(--chip-bg);box-shadow:var(--shadow-control);cursor:pointer;font:400 var(--text-sm)/1 var(--font-sans);text-align:left;transition:box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.search-trigger:hover{box-shadow:var(--shadow-control-hover);color:var(--fg-2)}.search-trigger .st-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger .kbd-group{flex:none}.nav-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:0 0 8px;margin:0 -4px;padding-inline:4px}.ws-loading{pointer-events:none}.ws-skel-mark{width:22px;height:22px;border-radius:var(--radius-sm);flex:none}.ws-error{border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--fg-3)}.ws-error .logo-mark.is-muted{background:var(--warning-soft);color:var(--warning);box-shadow:0 0 0 1px var(--ring)}.ws-err-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.ws-err-t b,.ws-err-t span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ws-err-t b{font-size:var(--text-xs);font-weight:600;color:var(--fg)}.ws-err-t span{display:flex;align-items:center;gap:4px;font-size:var(--text-2xs);color:var(--fg-3)}.ws-error:hover .ws-err-t span{color:var(--accent-text)}.ws-error:focus-visible{box-shadow:var(--focus-ring-field);outline:0}.app-shell.sidebar-collapsed .ws-err-t,.app-shell.sidebar-collapsed .ws-loading .skeleton-text{display:none}@property --nav-fade-b{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --nav-fade-t{syntax: "<length>"; inherits: false; initial-value: 0px;}@supports (animation-timeline: scroll()){.nav-list{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--nav-fade-t),black calc(100% - var(--nav-fade-b)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--nav-fade-t),black calc(100% - var(--nav-fade-b)),transparent 100%);animation:nav-scroll-fade linear both;animation-timeline:scroll(self)}@keyframes nav-scroll-fade{0%{--nav-fade-t: 0px;--nav-fade-b: 32px}4%{--nav-fade-t: 16px}96%{--nav-fade-b: 32px}to{--nav-fade-t: 16px;--nav-fade-b: 0px}}}.nav-sec,.nav-group-label{margin:14px 8px 4px;padding:0;font:500 var(--text-2xs)/16px var(--font-sans);color:var(--fg-3);letter-spacing:.01em;text-transform:none;-webkit-user-select:none;user-select:none}.nav-group-divider{height:1px;background:var(--line);margin:8px 6px}.nav-item,.nav-btn{position:relative;display:flex;align-items:center;gap:9px;height:30px;min-height:30px;padding:0 8px;border-radius:var(--radius-sm);color:var(--fg-2);font:500 var(--text-sm)/1 var(--font-sans);white-space:nowrap;text-decoration:none;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.nav-item svg,.nav-btn .nav-icon{width:16px;height:16px;color:var(--fg-3);flex:none}.nav-item:hover,.nav-btn:hover{background:var(--surface-hover);color:var(--fg)}.nav-item.is-active,.nav-item[aria-current=page],.nav-btn.active{background:var(--nav-active-bg);color:var(--fg);box-shadow:var(--shadow-control),inset 0 1px 0 var(--highlight);font-weight:500}.nav-item.is-active svg,.nav-item[aria-current=page] svg,.nav-btn.active .nav-icon{color:var(--fg)}.nav-btn.active:before{content:none}.nav-item:focus-visible{box-shadow:var(--focus-ring-field)}.nav-text,.nav-item .lbl{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.nav-item .cnt{margin-left:auto;font:500 11px/1 var(--font-mono);color:var(--fg-3)}.nav-btn.disabled{opacity:.4;pointer-events:none}.sb-foot{position:relative;padding-top:6px;box-shadow:inset 0 1px 0 var(--line);margin:0 -10px;padding-inline:10px}.me{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg);cursor:pointer;text-align:left;font:inherit}.me:hover,.me[aria-expanded=true]{background:var(--surface-hover)}.me .who{flex:1;min-width:0;line-height:1.25;display:flex;flex-direction:column}.me .who b{display:block;font-weight:500;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me .who span{font-size:var(--text-xs);color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me>svg{color:var(--fg-3)}.me-menu{left:8px;right:8px;bottom:calc(100% + 4px);width:auto;transform-origin:bottom}.avatar,.avatar-circle{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;font:600 10px/1 var(--font-sans);color:var(--fg-2);background:var(--avatar-bg);box-shadow:inset 0 0 0 1px var(--ring);text-transform:uppercase}.avatar img,.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:32px;height:32px;font-size:12px}.toggle-sidebar-btn{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-3);cursor:pointer;flex:none}.toggle-sidebar-btn:hover{background:var(--surface-hover);color:var(--fg)}.toggle-sidebar-btn svg{width:16px;height:16px}.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-w-collapsed)}.app-shell.sidebar-collapsed .sb-top{flex-direction:column;height:auto}.app-shell.sidebar-collapsed .sb-brand{flex:none;width:36px;justify-content:center;padding:0}.app-shell.sidebar-collapsed .sb-brand .brand-word,.app-shell.sidebar-collapsed .sb-brand .sys-label{display:none}.app-shell.sidebar-collapsed .sb-ws{justify-content:center}.app-shell.sidebar-collapsed .ws{justify-content:center;padding:0;flex:none;width:36px}.app-shell.sidebar-collapsed .ws b,.app-shell.sidebar-collapsed .ws>svg,.app-shell.sidebar-collapsed .nav-item .lbl,.app-shell.sidebar-collapsed .nav-item .cnt,.app-shell.sidebar-collapsed .search-trigger .st-label,.app-shell.sidebar-collapsed .search-trigger .kbd-group,.app-shell.sidebar-collapsed .me .who,.app-shell.sidebar-collapsed .me>svg{display:none}.app-shell.sidebar-collapsed .search-trigger{justify-content:center;padding:0}.app-shell.sidebar-collapsed .nav-item{justify-content:center;padding:0;height:34px}.app-shell.sidebar-collapsed .me{justify-content:center;padding:0}.app-shell.sidebar-collapsed .me-menu{right:auto;width:220px}.sidebar-backdrop{display:none}.main-layout-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.topbar,.top-navbar{position:relative;z-index:var(--z-sticky);flex-shrink:0;display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 16px 0 20px;background:color-mix(in srgb,var(--canvas) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border:0;box-shadow:inset 0 -1px 0 var(--line)}.topbar .spacer{flex:1}.crumbs,.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--fg-3);min-width:0;white-space:nowrap}.crumbs a{color:var(--fg-3)}.crumbs a:hover{color:var(--fg);text-decoration:none}.crumbs b,.crumbs .crumb-current,.breadcrumbs .crumb-current{color:var(--fg);font-weight:500;overflow:hidden;text-overflow:ellipsis}.crumbs .sep,.crumb-sep{color:var(--crumb-sep)}.mcrumb{display:none;align-items:center;gap:8px;min-width:0}.mcrumb b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcrumb-retry{border:0;padding:0;cursor:pointer;background:var(--warning-soft);color:var(--warning);box-shadow:0 0 0 1px var(--ring)}.mcrumb-retry:focus-visible{box-shadow:var(--focus-ring-field);outline:0}@media(pointer:coarse){.mcrumb-retry{position:relative}.mcrumb-retry:after{content:"";position:absolute;inset:-11px}}.topbar-icon-btn,.notif-btn{position:relative;width:var(--h-sm);height:var(--h-sm);display:grid;place-items:center;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-2);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.topbar-icon-btn:hover,.notif-btn:hover,.topbar-icon-btn[aria-expanded=true],.notif-btn[aria-expanded=true]{background:var(--surface-hover);color:var(--fg)}.topbar-icon-btn svg,.notif-btn svg{width:16px;height:16px}.ibtn-dot:after{content:"";position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--danger-dot);box-shadow:0 0 0 2px var(--canvas)}.notif-badge{position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--danger-dot);box-shadow:0 0 0 2px var(--canvas);font-size:0}.topbar-divider{width:1px;height:20px;background:var(--line);margin:0 4px}.notification-widget,.tb-pop{position:relative}.notice-pill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 8px;border:0;border-radius:var(--radius-full);font:500 var(--text-xs)/1 var(--font-sans);color:var(--warning);background:var(--warning-soft);box-shadow:inset 0 0 0 1px var(--warning-line);cursor:pointer;white-space:nowrap}.notice-pill:hover{box-shadow:inset 0 0 0 1px var(--warning-dot)}.notice-pill.is-danger{color:var(--danger);background:var(--danger-soft);box-shadow:inset 0 0 0 1px var(--danger-line)}.notice-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--warning-dot);animation:halo 2.4s var(--ease-out) infinite}.notice-pill.is-danger .dot{background:var(--danger-dot)}.notice-pop{top:calc(100% + 6px);right:0;width:380px;max-width:calc(100vw - 24px);padding:0;overflow:hidden}.notice-pop-h{display:flex;align-items:center;min-height:40px;padding:0 14px;font-size:var(--text-xs);font-weight:500;color:var(--fg-3);box-shadow:inset 0 -1px 0 var(--line)}.notice-list{display:flex;flex-direction:column;max-height:380px;overflow-y:auto}.notice-row{display:flex;gap:10px;padding:10px 14px;box-shadow:inset 0 -1px 0 var(--line);font-size:var(--text-sm)}.notice-row:last-child{box-shadow:none}.notice-row .dot{width:6px;height:6px;border-radius:50%;margin-top:7px;flex:none;background:var(--warning-dot)}.notice-row.is-danger .dot{background:var(--danger-dot)}.notice-row.is-info .dot{background:var(--accent)}.notice-row .t{flex:1;min-width:0;color:var(--fg);line-height:var(--leading-snug)}.notice-row .t a{display:inline-block;margin-top:4px;font-size:var(--text-xs);font-weight:500;color:var(--accent-text)}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--page-pad-y) var(--page-pad-x) 48px;display:flex;flex-direction:column}.main-content>*{width:100%;max-width:var(--page-max);margin-inline:auto}.tabbar{display:none}.page{display:flex;flex-direction:column;gap:20px}.page-header,.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-h{margin-bottom:0}.page-header>:first-child,.page-h .t{flex:1 1 220px;min-width:0}.page-header h1,.page-title,.page-h h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-display);line-height:28px;color:var(--fg)}.page-header p,.page-subtitle,.page-h p{margin-top:2px;font-size:var(--text-sm);color:var(--fg-3);max-width:72ch}.header-actions,.page-actions,.page-h .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-title{font-size:var(--text-sm);font-weight:600;color:var(--fg);letter-spacing:-.006em}.section-subtitle{font-size:var(--text-xs);color:var(--fg-3)}.overline{font-size:var(--text-2xs);font-weight:500;color:var(--fg-3);text-transform:none;letter-spacing:.01em}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-12{grid-column:1 / -1}.order-items-cell{position:relative;max-height:48px;max-width:350px;overflow:hidden}.detail-items-section{display:flex;flex-direction:column}.detail-section-title{font-size:var(--text-sm);font-weight:600;text-transform:none;letter-spacing:-.006em;color:var(--fg);margin-bottom:8px}.detail-item-list{display:flex;flex-direction:column}.detail-item-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;box-shadow:inset 0 -1px 0 var(--line)}.detail-item-row:last-child{box-shadow:none}.detail-item-info{display:flex;flex-direction:column;gap:2px}.detail-item-name{font-size:var(--text-sm);font-weight:500;color:var(--fg)}.detail-item-calc{font-size:var(--text-xs);color:var(--fg-3);font-weight:400}.detail-item-total{font:500 var(--text-sm)/1.3 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--fg)}.settings-container{display:grid;grid-template-columns:1fr 360px;gap:20px;max-width:1100px;align-items:start}app-toast{grid-column:1 / -1}.settings-left-col,.settings-right-col{display:flex;flex-direction:column;gap:20px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:var(--text-sm);box-shadow:inset 0 -1px 0 var(--line)}.summary-row:last-child{box-shadow:none}.summary-label{color:var(--fg-2);font-size:var(--text-xs);font-weight:500}.summary-value{color:var(--fg);font-weight:400;font-variant-numeric:tabular-nums}.tips-list{list-style:none;padding:0;margin:0;font-size:var(--text-xs);color:var(--fg-2);line-height:1.8}.settings-avatar-section{display:flex;align-items:center;gap:16px;margin-bottom:20px}.settings-avatar{width:56px;height:56px;border-radius:50%;background:var(--avatar-bg);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--ring);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center}.settings-avatar-actions{display:flex;align-items:center;gap:12px}.password-strength-container{margin-top:8px;display:flex;flex-direction:column;gap:4px}.password-strength-bars{display:flex;gap:4px;height:4px}.password-strength-bars div{flex:1;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;transition:background-color var(--dur-3) var(--ease-out)}.strength-label{font-size:var(--text-xs);font-weight:500;text-align:right;color:var(--fg-3)}app-dashboard{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}@keyframes bounce{0%,80%,to{transform:scale(.3);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-loading-y{0%{background-position:0 200%}to{background-position:0 -200%}}@keyframes toastSlideIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes pulse-skeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes highlightRow{0%{box-shadow:inset 2px 0 0 var(--accent);background:var(--accent-soft)}to{box-shadow:inset 0 0 0 transparent;background:transparent}}@keyframes slideUpBulk{0%{transform:translate(-50%,8px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes ai-breathing{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes border-glow{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes float-spark{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1);color:var(--accent-text)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes slideUpMinimal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-legal-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding:16px 0 4px;box-shadow:inset 0 1px 0 var(--line);border:0;font-size:var(--text-xs);color:var(--fg-3)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--fg-3);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}.link-btn:hover{color:var(--fg)}.link,a.link{color:var(--accent-text)}.link:hover{text-decoration:underline;text-underline-offset:3px}.notice-meta{margin:0 0 12px;font-size:var(--text-xs);color:var(--fg-3)}@media print{.sidebar,.topbar,.top-navbar,.tabbar,.no-print,.toast-container{display:none!important}.main-content{overflow:visible;padding:0}body *{visibility:hidden}}@media(max-width:1280px){:root{--page-pad-x: 24px}}@media(max-width:1024px){.col-span-3,.col-span-4,.col-span-5,.col-span-6,.col-span-7,.col-span-8,.col-span-9{grid-column:1 / -1}.settings-container{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw)!important;transform:translate(-100%);background:var(--surface);box-shadow:none}.app-shell.mobile-nav-open .sidebar{transform:translate(0);box-shadow:var(--shadow-drawer)}.app-shell.mobile-nav-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:var(--overlay);z-index:calc(var(--z-sidebar) - 1);animation:fadeIn var(--dur-3)}.app-shell.sidebar-collapsed .ws b,.app-shell.sidebar-collapsed .nav-item .lbl,.app-shell.sidebar-collapsed .search-trigger .st-label,.app-shell.sidebar-collapsed .me .who{display:initial}.app-shell.sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 8px}.toggle-sidebar-btn{display:none}.nav-item{height:40px}.hide-mobile{display:none!important}.show-mobile{display:initial!important}.topbar-divider{display:none!important}.mcrumb{display:flex}.crumbs.d-only{display:none}}@media(max-width:640px){.topbar,.top-navbar{padding:0 8px 0 10px}.main-content{padding:16px 16px calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom))}.page-header,.page-h{align-items:center;flex-wrap:wrap;margin-bottom:16px;gap:12px}.page-header h1,.page-title,.page-h h1{font-size:18px;line-height:24px}.page-header p,.page-h p{display:none}.page-actions,.header-actions{gap:8px}.form-row,.form-grid,.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.search-box{flex-basis:100%}.kpi-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card,.kpi{padding:12px}.stat-card{flex-direction:column;gap:8px}.stat-value,.kpi-value,.kpi-val b{font-size:20px}.toast-container{left:12px;right:12px;bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom))}.toast{width:100%}.bulkbar,.bulk-actions-bar{left:12px;right:12px;transform:none;bottom:calc(var(--tabbar-h) + 12px);padding:4px 4px 4px 12px;animation:none;flex-wrap:wrap;justify-content:space-between}.bulkbar .lbl{display:none}.field input,.field select,.field textarea,.input,.select,.textarea,.form-input,.form-select,.search-box input,:where(.form-group,.drawer-body,.doc-field) :where(input,select,textarea){font-size:16px}.cmdk-scrim{padding-top:0}.cmdk{width:100vw;max-width:100vw;border-radius:0 0 14px 14px;max-height:88vh}.cmdk-f,.cmdk-i .meta .mono,.cmdk-i .meta kbd{display:none}.cmdk-scope{overflow-x:auto;scrollbar-width:none}.cmdk-i{height:44px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-sidebar) - 2);display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--line)}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;font:500 11px/1.1 var(--font-sans);color:var(--fg-3);text-decoration:none;cursor:pointer}.tabbar .is-active,.tabbar [aria-current=page]{color:var(--fg)}.tabbar svg{width:20px;height:20px}.notif-dropdown,.notice-pop{position:fixed;top:calc(var(--topbar-h) + 4px);left:8px;right:8px;width:auto}.table-responsive thead{display:none}.table-responsive,.table-responsive tbody,.table-responsive tr,.table-responsive td{display:block;width:100%}.table-responsive tr{padding:10px 14px;box-shadow:inset 0 -1px 0 var(--line)}.table-responsive tbody tr:last-child{box-shadow:none}.table-responsive td{height:auto;box-shadow:none!important;padding:2px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;min-height:24px}.table-responsive td.td-actions{display:flex;justify-content:flex-end}.table-responsive td[data-label]:before{content:attr(data-label);font:500 var(--text-xs)/1.3 var(--font-sans);color:var(--fg-3);text-align:left;flex-shrink:0}.table-responsive td.td-primary{display:block;text-align:left;font-weight:500}.table-responsive tbody tr:hover td{background:transparent}}@media(max-width:640px),(pointer:coarse){.btn kbd,.search-trigger kbd,.kbd-hint{display:none}.icon-btn,.edit-btn,.delete-btn{width:36px;height:36px}.topbar-icon-btn,.notif-btn{width:40px;height:40px}}.drawer-overlay{position:fixed;inset:0;z-index:var(--z-drawer);background:var(--overlay);display:flex;justify-content:flex-end;animation:fadeIn var(--dur-4) var(--ease-out)}.drawer-panel,.drawer{position:fixed;top:8px;right:8px;bottom:8px;z-index:calc(var(--z-drawer) + 1);width:480px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-drawer);animation:drawerIn var(--dur-4) var(--ease-drawer) both}.drawer,.drawer-panel-lg{width:640px}.drawer.w-md{width:480px}.drawer.w-xl,.drawer-panel-xl{width:880px}.scrim{z-index:var(--z-drawer);animation:fadeIn var(--dur-4) var(--ease-out)}@keyframes drawerIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header,.drawer-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 12px 14px 20px;flex-shrink:0;background:var(--surface);border:0;box-shadow:inset 0 -1px 0 var(--line)}.drawer-header{align-items:center;min-height:56px}.drawer-h .t{flex:1;min-width:0}.drawer-h .eyebrow{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--fg-3);margin-bottom:4px;min-width:0}.drawer-h .eyebrow svg{width:14px;height:14px}.drawer-h .eyebrow .sep{color:var(--crumb-sep)}.drawer-h h2,.drawer-title{font:600 var(--text-lg)/24px var(--font-display);letter-spacing:var(--tracking-display);color:var(--fg);margin:0;overflow:hidden;text-overflow:ellipsis}.drawer-h .tools,.drawer-tools{display:flex;align-items:center;gap:4px;flex:none}.drawer-close{height:28px;min-width:28px;padding:0 6px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-3);font-size:18px;line-height:1;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.drawer-close svg{width:16px;height:16px}.drawer-close:hover{background:var(--surface-hover);color:var(--fg)}.drawer-close kbd{font-size:10px;height:16px}.drawer-body,.drawer-b{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:16px;background:var(--surface)}.drawer-b{padding-top:4px;gap:0}.drawer-body>.fsec:first-child{padding-top:4px}.drawer-footer,.drawer-f{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 16px 12px 20px;background:var(--surface);border:0;box-shadow:inset 0 1px 0 var(--line)}.drawer-footer:before,.drawer-f:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24px;pointer-events:none;background:linear-gradient(to top,var(--surface),transparent)}.drawer-footer .spacer,.drawer-f .spacer{flex:1}.drawer-footer .hint,.drawer-f .hint{font-size:var(--text-xs);color:var(--fg-3);display:flex;align-items:center;gap:6px;margin-right:auto}.drawer-footer .btn{min-width:88px}.drawer-footer.single-action .btn{min-width:120px}.drawer-footer>.btn-danger-ghost:first-child,.drawer-footer>.btn-danger-outline:first-child,.drawer-f>.btn-danger-ghost:first-child{margin-right:auto}.drawer-form{display:flex;flex-direction:column;gap:16px}.drawer-field{display:flex;flex-direction:column;gap:6px}.drawer-steps{position:sticky;top:-4px;z-index:2;display:flex;gap:2px;margin:0 -20px;padding:6px 20px;background:var(--surface);box-shadow:inset 0 -1px 0 var(--line);overflow-x:auto;scrollbar-width:none}.drawer-steps button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:0;border-radius:var(--radius-2xs);background:transparent;color:var(--fg-3);font:500 var(--text-xs)/1 var(--font-sans);cursor:pointer;white-space:nowrap}.drawer-steps button:hover{background:var(--surface-hover);color:var(--fg)}.drawer-steps button[aria-current=true]{color:var(--fg);background:var(--surface-hover)}.drawer-steps .n{font:500 11px/1 var(--font-mono)}.drawer-steps .err{width:6px;height:6px;border-radius:50%;background:var(--danger-dot)}@media(max-width:640px){.drawer-panel,.drawer-panel-lg,.drawer,.drawer.w-md,.drawer.w-xl,.drawer-panel-xl{inset:0;width:100%;max-width:none;border-radius:0}.drawer-header,.drawer-h{padding:12px 8px 12px 16px}.drawer-body,.drawer-b{padding-left:16px;padding-right:16px}.drawer-steps{margin:0 -16px;padding:6px 16px}.drawer-footer,.drawer-f{padding:10px 16px calc(10px + env(safe-area-inset-bottom));flex-wrap:nowrap}.drawer-footer .hint,.drawer-f .hint,.drawer-close kbd{display:none}.drawer-footer .btn,.drawer-f .btn{min-width:0}.drawer-footer .btn-primary,.drawer-f .btn-primary,.drawer-footer .btn-danger{flex:1}}:root{color-scheme:light;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--tracking-display: -.025em;--tracking-brand: -.5px;--tracking-sys: .08em;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 40px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--tracking-tight: -.011em;--tracking-tighter: -.022em;--tracking-wide: .01em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--h-xs: 24px;--h-sm: 28px;--h-md: 32px;--h-lg: 36px;--h-xl: 44px;--row-h: 38px;--row-h-dense: 32px;--page-max: 1360px;--page-pad-y: 24px;--page-pad-x: 28px;--sidebar-w: 232px;--sidebar-w-collapsed: 60px;--topbar-h: 48px;--tabbar-h: 60px;--radius-0: 0;--radius-xs: 2px;--radius-2xs: 3px;--radius-sm: 4px;--radius-7: 5px;--radius-md: 5px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 999px;--border-width: 1px;--z-sticky: 50;--z-dropdown: 900;--z-sidebar: 1000;--z-drawer: 1050;--z-modal: 1100;--z-palette: 1150;--z-toast: 1200;--brand-cobalt: #0041ff;--brand-cobalt-dark: #002ebf;--brand-vermillion: #ff3d00;--brand-black: #000000;--brand-grey: #ebebeb;--n-0: #ffffff;--n-25: #fcfcfc;--n-50: #f9f9f9;--n-75: #f5f5f5;--n-100: #f0f0f0;--n-150: #ebebeb;--n-200: #e3e3e3;--n-300: #d0d0d0;--n-400: #a8a8a8;--n-500: #808080;--n-600: #666666;--n-700: #4a4a4a;--n-800: #2b2b2b;--n-900: #1a1a1a;--n-950: #0f0f0f;--white: #ffffff;--black: #000000;--canvas: #f5f5f5;--surface: #ffffff;--surface-2: #fafafa;--surface-sunken: #f3f3f3;--surface-hover: #f0f0f0;--surface-active: #e8e8e8;--overlay: rgba(0, 0, 0, .36);--field-bg: #ffffff;--field-bg-readonly: #f7f7f7;--fg: #0a0a0a;--fg-2: #3f3f3f;--fg-3: #666666;--fg-placeholder: #737373;--fg-disabled: #a3a3a3;--fg-on-accent: #ffffff;--ico-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Crect x='3' y='5' width='18' height='16' rx='1'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");--line: #e8e8e8;--line-2: #dcdcdc;--line-strong: #d0d0d0;--ring: rgba(0, 0, 0, .11);--ring-hover: rgba(0, 0, 0, .19);--ring-strong: rgba(0, 0, 0, .27);--highlight: rgba(255, 255, 255, .9);--accent: #0041ff;--accent-hover: #0039e6;--accent-press: #0032cc;--accent-edge: #002ebf;--accent-text: #0037d9;--accent-soft: rgba(0, 65, 255, .07);--accent-soft-2: rgba(0, 65, 255, .13);--accent-halo: rgba(0, 65, 255, .22);--accent-line: rgba(0, 65, 255, .3);--accent-grad-top: #1a54ff;--accent-grad-top-hover: #0f4bf5;--brand-accent: #ff3d00;--success: #15803d;--success-soft: #ecfdf3;--success-line: #bbe5c9;--success-dot: #16a34a;--warning: #a15c07;--warning-soft: #fff8eb;--warning-line: #f3dcae;--warning-dot: #e08a0b;--danger: #be123c;--danger-soft: #fff1f3;--danger-line: #fbcbd5;--danger-dot: #e11d48;--danger-solid: #d61f45;--danger-solid-hover: #c41a3e;--danger-edge: #a3162f;--danger-halo: rgba(214, 31, 69, .2);--danger-grad-top: #db3355;--info: #0037d9;--info-soft: #f0f4ff;--info-line: #cfdcff;--neutral-badge-fg: #4a4a4a;--neutral-badge-bg: #f2f2f2;--neutral-badge-line: #dcdcdc;--chart-1: #0041ff;--chart-2: #0e9384;--chart-3: #d97706;--chart-4: #e11d48;--chart-5: #8b5cf6;--chart-6: #65a30d;--chart-grid: #ebebeb;--chart-axis: #666666;--btn-bg: #ffffff;--btn-bg-hover: #fafafa;--btn-bg-active: #f0f0f0;--btn-press-inset: inset 0 1px 2px rgba(0, 0, 0, .08);--seg-thumb: #ffffff;--pop-bg: #ffffff;--menu-hover: #f3f3f3;--row-hover: #f7f7f7;--nav-active-bg: #ffffff;--chip-bg: #ffffff;--chip-add-line: #d0d0d0;--crumb-sep: #d0d0d0;--avatar-bg: #e8e8e8;--switch-track: #d0d0d0;--switch-track-disabled: #e8e8e8;--switch-thumb-disabled: #f7f7f7;--ink: #0a0a0a;--ink-fg: #ededed;--ink-fg-2: #d4d4d4;--ink-fg-3: #a3a3a3;--ink-line: rgba(255, 255, 255, .12);--ink-hover: rgba(255, 255, 255, .08);--ink-accent: #8aa8ff;--ink-danger: #ff8095;--cmdk-bg: #ffffff;--cmdk-active: #f3f3f3;--cmdk-foot: #fafafa;--panel-ink: #000000;--panel-fg: #f5f5f5;--panel-fg-2: #ababab;--panel-fg-3: #8c8c8c;--panel-line: rgba(255, 255, 255, .08);--panel-grid-major: rgba(61, 107, 255, .2);--panel-grid-minor: rgba(61, 107, 255, .07);--panel-surface: #0c0c0c;--panel-surface-2: #151515;--panel-line-2: #282828;--panel-accent-text: #8aa8ff;--panel-chart-1: #2e5bff;--panel-chart-2: #9db2ff;--panel-ok: #4ade80;--panel-warn: #fbbf4d;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23666666' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 6l3-3 3 3M5 10l3 3 3-3'/%3E%3C/svg%3E");--shadow-control: 0 0 0 1px var(--ring), 0 1px 2px rgba(0, 0, 0, .06);--shadow-control-hover: 0 0 0 1px var(--ring-hover), 0 1px 2px rgba(0, 0, 0, .08);--shadow-card: 0 0 0 1px var(--line-2), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 0 0 1px var(--n-300), 0 2px 6px -1px rgba(0, 0, 0, .08);--shadow-pop: 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 8px -2px rgba(0, 0, 0, .08), 0 16px 32px -8px rgba(0, 0, 0, .16);--shadow-drawer: 0 0 0 1px rgba(0, 0, 0, .08), -24px 0 48px -12px rgba(0, 0, 0, .18);--shadow-primary: 0 1px 2px rgba(0, 30, 130, .3);--shadow-primary-hover: 0 2px 6px -1px rgba(0, 30, 130, .36);--inset-field: inset 0 1px 1px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent), 0 0 0 6px var(--accent-halo);--focus-ring-field: 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-halo);--focus-ring-danger: 0 0 0 1px var(--danger-dot), 0 0 0 4px var(--danger-halo);--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-1: 90ms;--dur-2: .14s;--dur-3: .2s;--dur-4: .26s;--gray-0: var(--n-0);--gray-25: var(--n-25);--gray-50: var(--n-50);--gray-100: var(--n-100);--gray-200: var(--n-200);--gray-300: var(--n-300);--gray-400: var(--n-400);--gray-500: var(--n-500);--gray-600: var(--n-600);--gray-700: var(--n-700);--gray-800: var(--n-800);--gray-900: var(--n-900);--brand-50: var(--accent-soft);--brand-100: var(--accent-soft-2);--brand-200: var(--accent-line);--brand-400: var(--accent-hover);--brand-500: var(--accent);--brand-600: var(--accent);--brand-700: var(--accent-press);--color-bg: var(--canvas);--color-surface: var(--surface);--color-surface-subtle: var(--surface-2);--color-surface-muted: var(--surface-hover);--color-surface-raised: var(--pop-bg);--color-surface-inverse: var(--ink);--color-overlay: var(--overlay);--color-border: var(--line-2);--color-border-subtle: var(--line);--color-border-strong: var(--line-strong);--color-text: var(--fg);--color-text-secondary: var(--fg-2);--color-text-muted: var(--fg-3);--color-text-subtle: var(--fg-placeholder);--color-text-inverse: var(--surface);--color-primary: var(--accent);--color-primary-hover: var(--accent-hover);--color-primary-subtle: var(--accent-soft);--color-primary-border: var(--accent-line);--color-primary-text: var(--accent-text);--color-on-primary: var(--fg-on-accent);--color-success: var(--success);--color-success-text: var(--success);--color-success-subtle: var(--success-soft);--color-success-border: var(--success-line);--color-warning: var(--warning);--color-warning-text: var(--warning);--color-warning-subtle: var(--warning-soft);--color-warning-border: var(--warning-line);--color-danger: var(--danger-solid);--color-danger-hover: var(--danger-solid-hover);--color-danger-text: var(--danger);--color-danger-subtle: var(--danger-soft);--color-danger-border: var(--danger-line);--color-info: var(--info);--color-info-text: var(--info);--color-info-subtle: var(--info-soft);--color-info-border: var(--info-line);--shadow-xs: var(--shadow-control);--shadow-sm: var(--shadow-card);--shadow-md: var(--shadow-pop);--shadow-lg: var(--shadow-pop);--shadow-xl: var(--shadow-pop);--control-height: var(--h-md);--control-height-sm: var(--h-sm);--control-height-lg: var(--h-lg);--touch-target: var(--h-md);--sidebar-width: var(--sidebar-w);--sidebar-width-collapsed: var(--sidebar-w-collapsed);--topbar-height: var(--topbar-h);--page-gutter: var(--page-pad-x);--container-sm: 640px;--container-md: 880px;--container-lg: 1200px;--container-xl: var(--page-max);--grid-columns: 12;--grid-gap: var(--space-5);--duration-fast: var(--dur-1);--duration-base: var(--dur-3);--duration-slow: var(--dur-4);--ease-standard: var(--ease-out);--ease-emphasized: var(--ease-drawer);--background: var(--canvas);--surface-card: var(--surface);--border-color: var(--line-2);--border-default: var(--line-2);--primary: var(--accent);--primary-hover: var(--accent-hover);--brand: var(--accent);--secondary: var(--line-2);--secondary-hover: var(--line-strong);--secondary-focus: var(--line-strong);--bg-overlay: var(--overlay);--text-primary: var(--fg);--text-muted: var(--fg-3);--ai-accent: var(--accent);--ai-accent-hover: var(--accent-hover);--ai-accent-light: var(--accent-soft);--status-instock: var(--success);--status-lowstock: var(--warning);--status-outstock: var(--danger);--font-heading: var(--font-display);--font-body: var(--font-sans)}:root[data-theme=dark]{color-scheme:dark;--canvas: #0b0b0b;--surface: #131313;--surface-2: #171717;--surface-sunken: #090909;--surface-hover: #1c1c1c;--surface-active: #232323;--overlay: rgba(0, 0, 0, .62);--field-bg: #0e0e0e;--field-bg-readonly: #171717;--fg: #ededed;--fg-2: #b5b5b5;--fg-3: #8f8f8f;--fg-placeholder: #808080;--fg-disabled: #5a5a5a;--fg-on-accent: #ffffff;--ico-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Crect x='3' y='5' width='18' height='16' rx='1'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");--line: #222222;--line-2: #2a2a2a;--line-strong: #3a3a3a;--ring: rgba(255, 255, 255, .09);--ring-hover: rgba(255, 255, 255, .16);--ring-strong: rgba(255, 255, 255, .24);--highlight: rgba(255, 255, 255, .06);--accent: #2e63ff;--accent-hover: #2559f5;--accent-press: #1f50e0;--accent-edge: #1a46c8;--accent-text: #8aa8ff;--accent-soft: rgba(61, 107, 255, .13);--accent-soft-2: rgba(61, 107, 255, .22);--accent-halo: rgba(61, 107, 255, .36);--accent-line: rgba(61, 107, 255, .42);--accent-grad-top: #3a6bff;--accent-grad-top-hover: #3263fa;--brand-accent: #ff4f17;--success: #4ade80;--success-soft: rgba(34, 197, 94, .1);--success-line: rgba(34, 197, 94, .24);--success-dot: #22c55e;--warning: #fbbf4d;--warning-soft: rgba(245, 158, 11, .1);--warning-line: rgba(245, 158, 11, .26);--warning-dot: #f59e0b;--danger: #ff8095;--danger-soft: rgba(244, 63, 94, .1);--danger-line: rgba(244, 63, 94, .28);--danger-dot: #f43f5e;--danger-solid: #d61f45;--danger-solid-hover: #e3335a;--danger-edge: #a3162f;--danger-halo: rgba(244, 63, 94, .32);--danger-grad-top: #dc2f53;--info: #8aa8ff;--info-soft: rgba(61, 107, 255, .12);--info-line: rgba(61, 107, 255, .28);--neutral-badge-fg: #c4c4c4;--neutral-badge-bg: #1e1e1e;--neutral-badge-line: #303030;--chart-1: #4d7bff;--chart-2: #1fa595;--chart-3: #f5b041;--chart-4: #f43f5e;--chart-5: #a78bfa;--chart-6: #84cc16;--chart-grid: #222222;--chart-axis: #8f8f8f;--btn-bg: #1a1a1a;--btn-bg-hover: #212121;--btn-bg-active: #181818;--btn-press-inset: inset 0 1px 2px rgba(0, 0, 0, .4);--seg-thumb: #232323;--pop-bg: #1a1a1a;--menu-hover: #252525;--row-hover: #191919;--nav-active-bg: #1c1c1c;--chip-bg: #171717;--chip-add-line: #343434;--crumb-sep: #3a3a3a;--avatar-bg: #2a2a2a;--switch-track: #343434;--switch-track-disabled: #222222;--switch-thumb-disabled: #3a3a3a;--ink: #232323;--cmdk-bg: #171717;--cmdk-active: #232323;--cmdk-foot: #131313;--panel-ink: #000000;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f8f8f' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 6l3-3 3 3M5 10l3 3 3-3'/%3E%3C/svg%3E");--shadow-control: 0 0 0 1px var(--ring), 0 1px 2px rgba(0, 0, 0, .4);--shadow-control-hover: 0 0 0 1px var(--ring-hover), 0 1px 2px rgba(0, 0, 0, .5);--shadow-card: 0 0 0 1px var(--line-2), 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 0 0 1px #3a3a3a, 0 2px 8px -1px rgba(0, 0, 0, .5);--shadow-pop: 0 0 0 1px rgba(255, 255, 255, .08), 0 4px 8px -2px rgba(0, 0, 0, .4), 0 16px 40px -8px rgba(0, 0, 0, .6);--shadow-drawer: 0 0 0 1px rgba(255, 255, 255, .07), -24px 0 64px -12px rgba(0, 0, 0, .7);--shadow-primary: 0 1px 2px rgba(0, 0, 0, .4);--shadow-primary-hover: 0 2px 6px -1px rgba(0, 0, 0, .5);--inset-field: inset 0 1px 2px rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #0b0b0b;--surface: #131313;--surface-2: #171717;--surface-sunken: #090909;--surface-hover: #1c1c1c;--surface-active: #232323;--overlay: rgba(0, 0, 0, .62);--field-bg: #0e0e0e;--field-bg-readonly: #171717;--fg: #ededed;--fg-2: #b5b5b5;--fg-3: #8f8f8f;--fg-placeholder: #808080;--fg-disabled: #5a5a5a;--fg-on-accent: #ffffff;--ico-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Crect x='3' y='5' width='18' height='16' rx='1'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");--line: #222222;--line-2: #2a2a2a;--line-strong: #3a3a3a;--ring: rgba(255, 255, 255, .09);--ring-hover: rgba(255, 255, 255, .16);--ring-strong: rgba(255, 255, 255, .24);--highlight: rgba(255, 255, 255, .06);--accent: #2e63ff;--accent-hover: #2559f5;--accent-press: #1f50e0;--accent-edge: #1a46c8;--accent-text: #8aa8ff;--accent-soft: rgba(61, 107, 255, .13);--accent-soft-2: rgba(61, 107, 255, .22);--accent-halo: rgba(61, 107, 255, .36);--accent-line: rgba(61, 107, 255, .42);--accent-grad-top: #3a6bff;--accent-grad-top-hover: #3263fa;--brand-accent: #ff4f17;--success: #4ade80;--success-soft: rgba(34, 197, 94, .1);--success-line: rgba(34, 197, 94, .24);--success-dot: #22c55e;--warning: #fbbf4d;--warning-soft: rgba(245, 158, 11, .1);--warning-line: rgba(245, 158, 11, .26);--warning-dot: #f59e0b;--danger: #ff8095;--danger-soft: rgba(244, 63, 94, .1);--danger-line: rgba(244, 63, 94, .28);--danger-dot: #f43f5e;--danger-solid: #d61f45;--danger-solid-hover: #e3335a;--danger-edge: #a3162f;--danger-halo: rgba(244, 63, 94, .32);--danger-grad-top: #dc2f53;--info: #8aa8ff;--info-soft: rgba(61, 107, 255, .12);--info-line: rgba(61, 107, 255, .28);--neutral-badge-fg: #c4c4c4;--neutral-badge-bg: #1e1e1e;--neutral-badge-line: #303030;--chart-1: #4d7bff;--chart-2: #1fa595;--chart-3: #f5b041;--chart-4: #f43f5e;--chart-5: #a78bfa;--chart-6: #84cc16;--chart-grid: #222222;--chart-axis: #8f8f8f;--btn-bg: #1a1a1a;--btn-bg-hover: #212121;--btn-bg-active: #181818;--btn-press-inset: inset 0 1px 2px rgba(0, 0, 0, .4);--seg-thumb: #232323;--pop-bg: #1a1a1a;--menu-hover: #252525;--row-hover: #191919;--nav-active-bg: #1c1c1c;--chip-bg: #171717;--chip-add-line: #343434;--crumb-sep: #3a3a3a;--avatar-bg: #2a2a2a;--switch-track: #343434;--switch-track-disabled: #222222;--switch-thumb-disabled: #3a3a3a;--ink: #232323;--cmdk-bg: #171717;--cmdk-active: #232323;--cmdk-foot: #131313;--panel-ink: #000000;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f8f8f' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 6l3-3 3 3M5 10l3 3 3-3'/%3E%3C/svg%3E");--shadow-control: 0 0 0 1px var(--ring), 0 1px 2px rgba(0, 0, 0, .4);--shadow-control-hover: 0 0 0 1px var(--ring-hover), 0 1px 2px rgba(0, 0, 0, .5);--shadow-card: 0 0 0 1px var(--line-2), 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 0 0 1px #3a3a3a, 0 2px 8px -1px rgba(0, 0, 0, .5);--shadow-pop: 0 0 0 1px rgba(255, 255, 255, .08), 0 4px 8px -2px rgba(0, 0, 0, .4), 0 16px 40px -8px rgba(0, 0, 0, .6);--shadow-drawer: 0 0 0 1px rgba(255, 255, 255, .07), -24px 0 64px -12px rgba(0, 0, 0, .7);--shadow-primary: 0 1px 2px rgba(0, 0, 0, .4);--shadow-primary-hover: 0 2px 6px -1px rgba(0, 0, 0, .5);--inset-field: inset 0 1px 2px rgba(0, 0, 0, .35)}}:root[data-density=comfortable]{--text-sm: 14px;--h-xs: 26px;--h-sm: 32px;--h-md: 36px;--h-lg: 40px;--row-h: 44px;--row-h-dense: 36px}@media(max-width:640px),(pointer:coarse){:root{--h-sm: 32px;--h-md: 40px;--h-lg: 44px}}@media(max-width:640px){:root{--topbar-h: 52px;--page-pad-x: 16px;--page-pad-y: 16px}}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms;--dur-4: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);font-feature-settings:"cv05";letter-spacing:-.006em;background-color:var(--canvas);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--fg)}label{font-family:var(--font-sans);font-weight:var(--weight-medium);color:var(--fg)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}img,svg{max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--accent-soft-2);color:var(--fg)}.mono,code,kbd,.kbd{font-family:var(--font-mono);font-feature-settings:"zero"}.num,.tabular{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--fg-disabled)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.98) translateY(-2px);opacity:0}to{transform:none;opacity:1}}@keyframes scaleUp{0%{transform:scale(.98);opacity:0}to{transform:none;opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pop{0%{opacity:0;transform:scale(.98) translateY(-2px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes halo{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-dot) 22%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--warning-dot) 6%,transparent)}}input[type=date].date-localized::-webkit-datetime-edit{opacity:0}@supports (-moz-appearance: none){input[type=date].date-localized{color:transparent}}.date-overlay{position:absolute;display:flex;align-items:center;pointer-events:none;white-space:nowrap;overflow:hidden;color:var(--fg);font-variant-numeric:tabular-nums}.date-overlay.is-empty{color:var(--fg-placeholder)}.date-overlay[hidden]{display:none}@media(forced-colors:active){.btn,.field,.card,.kpi,.table-card,.settings-card,.stat-card,.badge,.seg,.segmented,.filter-pill,.input,.select,.textarea,.form-input,.form-select,.pop,.modal,.modal-panel,.drawer,.drawer-panel,.toast,.chip-filter,.tag,.search-trigger,.nav-item,.page-btn{border:1px solid transparent}:focus-visible{outline:2px solid Highlight;outline-offset:2px}.check .box,.radio .box,input[type=checkbox],input[type=radio]{border:1px solid CanvasText}}
