:root{--sys-bg:#0a0814;--sys-surface:#161027;--sys-surface-2:#201538;--sys-border:#a855f747;--sys-text:#f5efff;--sys-muted:#f5efffc2;--sys-subtle:#f5efff94;--sys-on-accent:#061018;--sys-primary:#a855f7;--sys-primary-strong:#7e22ce;--sys-action-save:#22c55e;--sys-action-edit:#38bdf8;--sys-action-add:#c084fc;--sys-action-warning:#f59e0b;--sys-action-delete:#f43f5e;--sys-action-neutral:#334155;--sys-state-success:#22c55e;--sys-state-warning:#f59e0b;--sys-state-error:#f43f5e;--sys-state-info:#38bdf8;--sys-divider:#a855f72e;--shadow-sm:0 12px 26px #0206176b;--shadow-md:0 28px 70px #02061780;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--container:1200px;--container-max:1200px;--gutter:clamp(16px,3vw,24px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:24px;--text-2xl:34px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--ease:cubic-bezier(.2,.8,.2,1);--dur-fast:.14s;--dur:.22s;--background:var(--sys-bg);--surface:var(--sys-surface);--surface-2:var(--sys-surface-2);--border:var(--sys-border);--text:var(--sys-text);--muted:var(--sys-muted);--subtle:var(--sys-subtle);--primary:var(--sys-primary);--primary-2:var(--sys-primary-strong);--on-primary:#fff;--danger:var(--sys-action-delete);--success:var(--sys-state-success);--warning:var(--sys-state-warning);--info:var(--sys-state-info);--primary-shadow:var(--shadow-sm)}[data-theme=light]{--sys-bg:#f6fbff;--sys-surface:#fff;--sys-surface-2:#eef4ff;--sys-border:#0f172a2e;--sys-text:#0b1324;--sys-muted:#0b1324c2;--sys-subtle:#0b13248f;--sys-on-accent:#f8fafc;--shadow-sm:0 10px 24px #0f172a1f;--shadow-md:0 24px 56px #0f172a33}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{min-height:100dvh;font-family:var(--font-sans);background:radial-gradient(circle at top right,#22d3ee2e,transparent 45%),radial-gradient(circle at bottom left,#34d39924,transparent 40%),var(--sys-bg);color:var(--sys-text);letter-spacing:.1px;background-repeat:no-repeat;background-attachment:fixed;margin:0;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid color-mix(in oklab,var(--sys-action-edit)70%,white 30%);outline-offset:2px}.container{width:100%;max-width:var(--container-max);padding:0 var(--gutter);margin:0 auto}.btn{border:1px solid color-mix(in oklab,var(--sys-border)72%,transparent 28%);background:linear-gradient(180deg,color-mix(in oklab,var(--sys-surface)88%,var(--sys-bg)12%),color-mix(in oklab,var(--sys-surface-2)86%,var(--sys-bg)14%));height:44px;color:var(--sys-text);font-weight:var(--fw-semibold);letter-spacing:.1px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast)var(--ease),background var(--dur-fast)var(--ease),border-color var(--dur-fast)var(--ease),box-shadow var(--dur-fast)var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:inline-flex}.btn:hover{border-color:color-mix(in oklab,var(--sys-border)45%,white 24%);transform:translateY(-1px);box-shadow:0 8px 18px #02061747}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{border-color:color-mix(in oklab,var(--sys-primary)65%,black 35%);background:linear-gradient(180deg,color-mix(in oklab,var(--sys-primary)75%,white 25%),var(--sys-primary-strong));color:#fffaf6;box-shadow:0 12px 28px color-mix(in oklab,var(--sys-primary)34%,transparent 66%)}.btn-primary:hover{border-color:color-mix(in oklab,var(--sys-primary)78%,white 22%)}.btn-edit{border-color:color-mix(in oklab,var(--sys-action-edit)65%,black 35%);background:linear-gradient(180deg,var(--sys-action-edit),#0284c7);color:#03131f;box-shadow:0 12px 28px color-mix(in oklab,var(--sys-action-edit)34%,transparent 66%)}.btn-edit:hover{border-color:color-mix(in oklab,var(--sys-action-edit)78%,white 22%)}.btn-secondary{border-color:color-mix(in oklab,var(--sys-primary)46%,var(--sys-border)54%);background:color-mix(in oklab,var(--sys-surface-2)74%,var(--sys-primary)26%);color:color-mix(in oklab,var(--sys-text)88%,white 12%);box-shadow:0 10px 22px color-mix(in oklab,var(--sys-primary)20%,transparent 80%)}.btn-secondary:hover{border-color:color-mix(in oklab,var(--sys-primary)68%,white 32%);background:color-mix(in oklab,var(--sys-surface-2)56%,var(--sys-primary)44%);color:#fffaf6}.btn-neutral{border-color:color-mix(in oklab,var(--sys-border)72%,white 28%);background:color-mix(in oklab,var(--sys-surface)86%,var(--sys-surface-2)14%);color:var(--sys-text)}.btn-neutral:hover{border-color:color-mix(in oklab,var(--sys-border)46%,white 54%);background:color-mix(in oklab,var(--sys-surface)72%,white 28%)}.btn-ghost{border-color:color-mix(in oklab,var(--sys-border)70%,white 8%);background:color-mix(in oklab,var(--sys-surface)72%,transparent 28%);color:var(--sys-muted)}.btn-ghost:hover{color:var(--sys-text)}.btn-success,.btn-save{border-color:color-mix(in oklab,var(--sys-action-save)60%,black 40%);background:linear-gradient(180deg,var(--sys-action-save),#15803d);color:#03210f;box-shadow:0 12px 28px color-mix(in oklab,var(--sys-action-save)34%,transparent 66%)}.btn-warning{border-color:color-mix(in oklab,var(--sys-action-warning)56%,black 44%);background:linear-gradient(180deg,var(--sys-action-warning),#d97706);color:#251500;box-shadow:0 12px 28px color-mix(in oklab,var(--sys-action-warning)34%,transparent 66%)}.btn-danger,.btn-delete{border-color:color-mix(in oklab,var(--sys-action-delete)60%,black 40%);background:linear-gradient(180deg,var(--sys-action-delete),#be123c);color:#fff1f2;box-shadow:0 12px 28px color-mix(in oklab,var(--sys-action-delete)34%,transparent 66%)}.btn-add{border-color:color-mix(in oklab,var(--sys-action-add)60%,black 40%);background:linear-gradient(180deg,var(--sys-action-add),#7e22ce);color:#f3e8ff;box-shadow:0 12px 28px color-mix(in oklab,var(--sys-action-add)34%,transparent 66%)}.card{border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in oklab,var(--sys-surface)90%,var(--sys-bg)10%),color-mix(in oklab,var(--sys-surface-2)88%,var(--sys-bg)12%));border:none;box-shadow:inset 0 1px #ffffff1f,0 14px 28px #02061757;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.12),0 14px 28px lab(1.77049% 1.2194 -8.84593/.341176)}@keyframes uiStepEnter{0%{opacity:0;filter:blur(2px);transform:translateY(10px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.ui-step-enter{animation:uiStepEnter .32s var(--ease)both;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.ui-step-enter{animation:none}}.muted{color:var(--sys-muted)}.formSection{gap:12px;display:grid}.formTitle{font-size:var(--text-lg);letter-spacing:-.2px;margin:0}.formHint{font-size:var(--text-sm);margin:0}.divider{background:var(--sys-divider);height:1px;margin:18px 0}.field{gap:6px;display:grid}.label{font-size:var(--text-sm);color:var(--sys-muted)}.input,.select{border:1px solid color-mix(in oklab,var(--sys-border)65%,transparent 35%);background:color-mix(in oklab,var(--sys-surface-2)90%,var(--sys-bg)10%);width:100%;height:44px;color:var(--sys-text);transition:border-color var(--dur-fast)var(--ease),box-shadow var(--dur-fast)var(--ease),transform var(--dur-fast)var(--ease);border-radius:12px;padding:0 12px}.input::placeholder{color:var(--sys-subtle)}.input:focus,.select:focus{border-color:color-mix(in oklab,var(--sys-action-edit)55%,white 20%);box-shadow:0 0 0 4px color-mix(in oklab,var(--sys-action-edit)18%,transparent 82%);outline:none}.helpText{color:var(--sys-subtle);font-size:var(--text-xs);margin:0}