:root{--space-xs:8px;--space-s:16px;--space-m:24px;--space-l:32px;--space-xl:48px;--space-xxl:80px;--target-min:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-canvas-base:#f8f9fa;--color-surface-card:#fff;--color-surface-raised:#fff;--color-surface-overlay:#fff;--color-brand:#274c77;--color-brand-hover:#1e3a5f;--color-brand-contrast:#fff;--color-text-strong:#1f2429;--color-text-weak:#636b73;--color-stroke-strong:#939ca6;--color-stroke-weak:#e1e4e7;--color-fill-subtle:#edf0f2;--color-success-text:#1b663e;--color-success-bg:#eaf5ee;--color-warning-text:#8f5b00;--color-warning-bg:#fef6e6;--color-error-text:#a62626;--color-error-bg:#fdf0f0;--shadow-raised:0 1px 3px #1f242914;--shadow-overlay:0 4px 16px #1f24291f}[data-theme=dark]{--color-canvas-base:#14171a;--color-surface-card:#1f2328;--color-surface-raised:#1f2328;--color-surface-overlay:#2e343c;--color-brand:#82aeec;--color-brand-hover:#9cbff2;--color-brand-contrast:#14171a;--color-text-strong:#f1f3f5;--color-text-weak:#a9b1ba;--color-stroke-strong:#757e88;--color-stroke-weak:#3c434c;--color-fill-subtle:#353b44;--color-success-text:#68d391;--color-success-bg:#1b3324;--color-warning-text:#ecc94b;--color-warning-bg:#362c12;--color-error-text:#f56565;--color-error-bg:#3d1b1b;--shadow-raised:none;--shadow-overlay:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background-color:var(--color-canvas-base);color:var(--color-text-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;height:100%;font-size:16px;line-height:1.5;overflow:hidden}body{overscroll-behavior:none;background-color:var(--color-canvas-base);height:100%;color:var(--color-text-strong);overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--color-stroke-strong) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-stroke-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-weak)}h1,h2,h3,h4,h5,h6{color:var(--color-text-strong);letter-spacing:-.015em;text-transform:none;font-weight:700}p,span,label,input,button{text-transform:none}button{cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s,transform 50ms;display:inline-flex}button:active{transform:scale(.985)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{min-height:var(--target-min);padding:0 var(--space-s);background-color:var(--color-brand);color:var(--color-brand-contrast);border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover)}.btn-secondary{min-height:var(--target-min);padding:0 var(--space-s);color:var(--color-text-strong);border:1px solid var(--color-stroke-strong);border-radius:var(--radius-md);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-fill-subtle)}.btn-destructive{min-height:var(--target-min);padding:0 var(--space-s);background-color:var(--color-error-text);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-raised);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-xs);border:none;font-weight:600;display:inline-flex}.btn-destructive:hover:not(:disabled){filter:brightness(1.1)}.btn-tertiary{min-height:var(--target-min);padding:0 var(--space-xs);color:var(--color-text-weak);text-underline-offset:3px;background:0 0;font-weight:500;text-decoration:underline}.btn-tertiary:hover:not(:disabled){color:var(--color-text-strong)}.btn-tertiary-danger{min-height:var(--target-min);padding:0 var(--space-xs);color:var(--color-text-weak);text-underline-offset:3px;background:0 0;font-weight:500;text-decoration:underline}.btn-tertiary-danger:hover:not(:disabled){color:var(--color-error-text)}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--color-text-strong);font-size:14px;font-weight:600}.form-helper{color:var(--color-text-weak);margin-bottom:4px;font-size:13px}.form-input,.form-select{height:var(--target-min);color:var(--color-text-strong);background-color:var(--color-surface-card);border:1px solid var(--color-stroke-strong);border-radius:var(--radius-sm);outline:none;padding:0 12px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px #274c7733}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{box-shadow:0 0 0 2px #82aeec40}.stepper-control{border-radius:var(--radius-sm);border:1px solid var(--color-stroke-strong);background-color:var(--color-fill-subtle);box-sizing:border-box;flex-grow:1;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:48px;display:inline-flex;overflow:hidden}.stepper-btn{width:44px;min-width:36px;height:48px;color:var(--color-text-strong);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:0 0 44px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.stepper-btn:hover:not(:disabled){background-color:#0000000d}[data-theme=dark] .stepper-btn:hover:not(:disabled){background-color:#ffffff14}.stepper-count{text-align:center;color:var(--color-text-strong);box-sizing:border-box;flex:auto;font-size:16px;font-weight:700}.badge{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge-neutral{background-color:var(--color-fill-subtle);color:var(--color-text-strong);border:1px solid var(--color-stroke-weak)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;overscroll-behavior:contain;background-color:#14171a99;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-backdrop{align-items:center}}.drawer-surface{background-color:var(--color-surface-overlay);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-overlay);scrollbar-gutter:stable;overscroll-behavior:contain;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}@media (width>=640px){.drawer-surface{border-radius:var(--radius-lg);max-height:85vh}}.drawer-header{padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--color-stroke-weak);justify-content:space-between;align-items:center;display:flex}.drawer-body{padding:var(--space-m);gap:var(--space-m);scrollbar-gutter:stable;overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.drawer-footer{padding:var(--space-s) var(--space-m);border-top:1px solid var(--color-stroke-weak);background-color:var(--color-surface-card);gap:var(--space-xs);flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}