.login-page[data-v-482ff269]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 16px;background:linear-gradient(160deg,var(--a-50) 0%,var(--bg) 55%)}.lang-row[data-v-482ff269]{display:flex;gap:6px}.lang-chip[data-v-482ff269]{display:flex;align-items:center;gap:5px;border:1px solid var(--border-2);background:#fff;color:var(--n-800);border-radius:99px;padding:5px 11px;font-size:var(--t-xs);font-weight:600}.lang-chip[data-v-482ff269]:hover{border-color:var(--blue);color:var(--blue)}.lang-chip.on[data-v-482ff269]{background:var(--blue-50);border-color:var(--blue);color:var(--blue)}.flag[data-v-482ff269]{font-size:var(--t-md);line-height:1}.login-card[data-v-482ff269]{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 34px #10182817;padding:30px 28px 24px}.brand[data-v-482ff269]{display:flex;align-items:center;gap:9px;margin-bottom:22px}.brand-mark[data-v-482ff269]{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue)}.brand-name[data-v-482ff269]{font-size:var(--t-lg);font-weight:800;letter-spacing:-.2px}.title[data-v-482ff269]{font-size:var(--t-2xl);font-weight:650;margin:0 0 var(--s-5)}.pw-wrap[data-v-482ff269]{position:relative}.pw-wrap .input[data-v-482ff269]{padding-right:60px}.pw-toggle[data-v-482ff269]{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-size:var(--t-xs);font-weight:600;padding:4px 6px;border-radius:6px}.pw-toggle[data-v-482ff269]:hover{background:var(--blue-50)}.error-box[data-v-482ff269]{display:flex;align-items:flex-start;gap:8px;background:var(--red-bg);color:var(--red-tx);border-radius:8px;padding:9px 11px;font-size:var(--t-xs);margin:0 0 14px}.error-box svg[data-v-482ff269]{flex:none;margin-top:1px}.btn-block[data-v-482ff269]{margin-top:4px;justify-content:center}.denied-page[data-v-4ee7fe34]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(160deg,var(--a-50) 0%,var(--bg) 55%)}.denied-card[data-v-4ee7fe34]{width:100%;max-width:400px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 34px #10182817;padding:32px 28px 24px}.mark[data-v-4ee7fe34]{width:52px;height:52px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--red-bg);color:var(--red)}.title[data-v-4ee7fe34]{font-size:var(--t-xl);font-weight:650;margin:0 0 7px}.msg[data-v-4ee7fe34]{color:var(--muted);font-size:var(--t-sm);margin:0 0 20px}.who[data-v-4ee7fe34]{display:flex;flex-direction:column;gap:2px;padding:11px;background:var(--bg);border-radius:9px;margin-bottom:18px}.w-name[data-v-4ee7fe34]{font-size:var(--t-sm);font-weight:650}.w-meta[data-v-4ee7fe34]{font-size:var(--t-2xs);color:var(--muted)}.btn-block[data-v-4ee7fe34]{justify-content:center}.foot[data-v-4ee7fe34]{color:var(--muted-2);font-size:var(--t-2xs);margin:15px 0 0}.sidebar[data-v-ee960d0c]{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--n-0);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;transition:width var(--dur) var(--ease),flex-basis var(--dur) var(--ease)}.sidebar.collapsed[data-v-ee960d0c]{width:60px;flex-basis:60px}.brand[data-v-ee960d0c]{display:flex;align-items:center;gap:var(--s-2);height:var(--topbar-h);padding:0 var(--s-4);border-bottom:1px solid var(--border);overflow:hidden}.brand-mark[data-v-ee960d0c]{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-md);background:var(--a-600);color:var(--n-0)}.brand-name[data-v-ee960d0c]{font-weight:650;font-size:var(--t-lg);letter-spacing:-.02em;white-space:nowrap}.nav[data-v-ee960d0c]{flex:1;overflow-y:auto;padding:var(--s-3) var(--s-3) var(--s-2)}.nav-group+.nav-group[data-v-ee960d0c]{margin-top:var(--s-5)}.nav-title[data-v-ee960d0c]{font-size:var(--t-2xs);font-weight:600;letter-spacing:.06em;color:var(--muted-2);text-transform:uppercase;padding:0 var(--s-3);margin:0 0 var(--s-1)}.nav-item[data-v-ee960d0c]{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--n-800);font-size:var(--t-md);font-weight:500;margin-bottom:1px;width:100%;text-align:left;border:0;background:transparent;white-space:nowrap;overflow:hidden;position:relative;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item[data-v-ee960d0c] svg{flex:0 0 auto;color:var(--n-500)}.nav-item[data-v-ee960d0c]:hover:not(.active){background:var(--n-50)}.nav-item.active[data-v-ee960d0c]{background:var(--a-50);color:var(--a-800);font-weight:600}.nav-item.active[data-v-ee960d0c] svg{color:var(--a-600)}.nav-item.active[data-v-ee960d0c]:before{content:"";position:absolute;left:calc(var(--s-3) * -1);top:20%;bottom:20%;width:2px;border-radius:0 2px 2px 0;background:var(--a-600)}.sidebar.collapsed .nav-item[data-v-ee960d0c]{justify-content:center;padding-inline:0}.sidebar-foot[data-v-ee960d0c]{border-top:1px solid var(--border);padding:var(--s-2) var(--s-3);display:flex;align-items:center;gap:var(--s-1)}.sidebar-foot .nav-item[data-v-ee960d0c]{margin:0;flex:1}.collapse-btn[data-v-ee960d0c]{border:0;background:transparent;color:var(--muted);padding:var(--s-2);border-radius:var(--r-sm);display:flex;flex:0 0 auto;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.collapse-btn[data-v-ee960d0c]:hover{background:var(--n-50);color:var(--text)}.scrim[data-v-ee960d0c]{display:none}@media(max-width:820px){.sidebar[data-v-ee960d0c]{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;box-shadow:var(--e-3);translate:0 0;transition:translate var(--dur) var(--ease)}.sidebar.collapsed[data-v-ee960d0c]{width:var(--sidebar-w);flex-basis:var(--sidebar-w);translate:-100% 0}.sidebar.collapsed .nav-item[data-v-ee960d0c]{justify-content:flex-start;padding-inline:var(--s-3)}.sidebar-foot[data-v-ee960d0c]{display:none}.scrim[data-v-ee960d0c]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#191e2866}}.topbar[data-v-f24f6e66]{height:var(--topbar-h);background:var(--n-0);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-5);position:sticky;top:0;z-index:30}.icon-btn[data-v-f24f6e66]{border:0;background:transparent;padding:var(--s-2);border-radius:var(--r-md);color:var(--muted);display:flex;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn[data-v-f24f6e66]:hover{background:var(--n-50);color:var(--text)}.course-switch[data-v-f24f6e66]{display:flex;align-items:center;gap:var(--s-2);min-width:0}.course-switch .lbl[data-v-f24f6e66]{color:var(--muted);white-space:nowrap;font-size:var(--t-sm)}.dd[data-v-f24f6e66]{position:relative}.dd-trigger[data-v-f24f6e66]{border:0;background:transparent;display:flex;align-items:center;gap:var(--s-1);font-weight:600;font-size:var(--t-md);padding:var(--s-1) var(--s-2);border-radius:var(--r-md);color:inherit;transition:background var(--dur) var(--ease)}.dd-trigger[data-v-f24f6e66]:hover{background:var(--n-50)}.dd-trigger[data-v-f24f6e66] svg{color:var(--muted)}.val[data-v-f24f6e66]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.dd-backdrop[data-v-f24f6e66]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.dd-menu[data-v-f24f6e66]{position:absolute;top:calc(100% + var(--s-1));left:0;z-index:10;min-width:320px;background:var(--n-0);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e-3);padding:var(--s-1)}.course-menu[data-v-f24f6e66]{padding:0;max-width:min(440px,calc(100vw - var(--s-8)))}.dd-search[data-v-f24f6e66]{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);color:var(--muted)}.dd-search-input[data-v-f24f6e66]{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:var(--t-sm);color:var(--text)}.dd-search-input[data-v-f24f6e66]::placeholder{color:var(--n-400)}.dd-search-input[data-v-f24f6e66]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dd-scroll[data-v-f24f6e66]{max-height:min(52vh,340px);overflow-y:auto;overscroll-behavior:contain;padding:var(--s-1);scrollbar-width:thin;scrollbar-color:var(--n-300) transparent}.dd-name[data-v-f24f6e66]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-empty[data-v-f24f6e66]{margin:0;padding:var(--s-4) var(--s-3);text-align:center;font-size:var(--t-sm);color:var(--muted-2)}.dd-item[data-v-f24f6e66]{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;border:0;background:transparent;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--t-sm);text-align:left;color:inherit}.dd-item[data-v-f24f6e66]:hover{background:var(--n-50)}.dd-item.on[data-v-f24f6e66]{background:var(--a-50);color:var(--a-800);font-weight:600}.spacer[data-v-f24f6e66]{flex:1}.lang-trigger[data-v-f24f6e66]{display:flex;align-items:center;gap:var(--s-1);border:1px solid var(--border-2);background:var(--n-0);border-radius:var(--r-md);padding:var(--s-1) var(--s-2);min-block-size:32px;font-size:var(--t-xs);font-weight:600;color:var(--n-800);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.lang-trigger[data-v-f24f6e66]:hover{background:var(--n-50);border-color:var(--n-400)}.lang-trigger[data-v-f24f6e66] svg{color:var(--muted)}.flag[data-v-f24f6e66]{font-size:var(--t-lg);line-height:1}.lang-menu[data-v-f24f6e66]{left:auto;right:0;min-width:190px}.lang-item[data-v-f24f6e66]{display:flex;align-items:center;gap:var(--s-3);width:100%;border:0;background:transparent;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--t-sm);text-align:left;color:inherit}.lang-item[data-v-f24f6e66]:hover{background:var(--n-50)}.lang-item.on[data-v-f24f6e66]{background:var(--a-50);color:var(--a-800);font-weight:600}.lname[data-v-f24f6e66]{flex:1}.user[data-v-f24f6e66]{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2) var(--s-1) var(--s-1);border-radius:var(--r-full);border:0;background:transparent;color:inherit;transition:background var(--dur) var(--ease)}.user[data-v-f24f6e66]:hover{background:var(--n-50)}.user[data-v-f24f6e66] svg{color:var(--muted)}.avatar[data-v-f24f6e66]{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:var(--a-100);color:var(--a-800);font-size:var(--t-xs);font-weight:650;letter-spacing:.02em}.name[data-v-f24f6e66]{font-size:var(--t-sm);font-weight:500}.user-menu[data-v-f24f6e66]{left:auto;right:0;min-width:220px}.user-head[data-v-f24f6e66]{padding:var(--s-2) var(--s-3);display:flex;flex-direction:column;gap:2px}.u-name[data-v-f24f6e66]{font-size:var(--t-sm);font-weight:650}.u-meta[data-v-f24f6e66]{font-size:var(--t-xs);color:var(--muted)}.u-sep[data-v-f24f6e66]{border:0;border-top:1px solid var(--border);margin:var(--s-1) 0}.dd-item.danger[data-v-f24f6e66]{color:var(--err-tx);font-weight:600}.dd-item.danger[data-v-f24f6e66]:hover{background:var(--red-bg)}@media(max-width:820px){.topbar[data-v-f24f6e66]{padding:0 var(--s-4)}.course-switch .lbl[data-v-f24f6e66]{display:none}.val[data-v-f24f6e66]{max-width:150px}.user .name[data-v-f24f6e66]{display:none}}.toast-host[data-v-29326abf]{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:9px;z-index:200}.toast[data-v-29326abf]{display:flex;align-items:center;gap:9px;background:var(--text);color:#fff;padding:11px 15px;border-radius:8px;font-size:var(--t-sm);box-shadow:0 8px 24px #0003;cursor:pointer;max-width:380px}.toast-success[data-v-29326abf]{background:#15803d}.toast-error[data-v-29326abf]{background:var(--red-tx)}.toast-enter-active[data-v-29326abf],.toast-leave-active[data-v-29326abf]{transition:all .22s ease}.toast-enter-from[data-v-29326abf],.toast-leave-to[data-v-29326abf]{opacity:0;transform:translate(16px)}.app[data-v-5a03816a]{display:flex;min-height:100vh}.boot[data-v-5a03816a]{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:var(--t-sm)}.main[data-v-5a03816a]{flex:1;min-width:0;display:flex;flex-direction:column}.content[data-v-5a03816a]{padding:var(--s-6) var(--s-6) var(--s-10);max-width:1080px;width:100%;margin:0 auto}@media(max-width:720px){.content[data-v-5a03816a]{padding:var(--s-5) var(--s-4) var(--s-8)}}@layer reset,base,components;:root{color-scheme:light;--n-0: #ffffff;--n-25: oklch(.985 .003 265);--n-50: oklch(.972 .004 265);--n-100: oklch(.948 .006 265);--n-200: oklch(.906 .008 265);--n-300: oklch(.848 .012 265);--n-400: oklch(.7 .016 265);--n-500: oklch(.56 .019 265);--n-600: oklch(.505 .02 265);--n-700: oklch(.41 .022 265);--n-800: oklch(.32 .022 265);--n-900: oklch(.235 .02 265);--a-50: oklch(.973 .016 264);--a-100: oklch(.936 .036 264);--a-200: oklch(.882 .062 264);--a-300: oklch(.78 .11 264);--a-500: oklch(.585 .17 264);--a-600: oklch(.515 .178 264);--a-700: oklch(.448 .158 264);--a-800: oklch(.375 .128 264);--ok-bg: oklch(.945 .048 158);--ok-tx: oklch(.435 .105 158);--warn-bg: oklch(.958 .055 88);--warn-tx: oklch(.47 .1 72);--info-bg: oklch(.95 .04 236);--info-tx: oklch(.45 .105 240);--err: oklch(.58 .2 22);--err-bg: oklch(.945 .035 22);--err-tx: oklch(.45 .16 22);--t-2xs: .6875rem;--t-xs: .75rem;--t-sm: .8125rem;--t-md: .875rem;--t-lg: 1rem;--t-xl: 1.125rem;--t-2xl: 1.375rem;--t-3xl: 1.75rem;--font-sans: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--e-1: 0 1px 2px oklch(.235 .02 265 / .06);--e-2: 0 2px 4px oklch(.235 .02 265 / .05), 0 1px 2px oklch(.235 .02 265 / .06);--e-3: 0 8px 24px oklch(.235 .02 265 / .1), 0 2px 6px oklch(.235 .02 265 / .06);--ease: cubic-bezier(.2, 0, .1, 1);--dur: .14s;--blue: var(--a-600);--blue-dark: var(--a-700);--blue-50: var(--a-50);--blue-100: var(--a-100);--bg: var(--n-25);--card: var(--n-0);--border: var(--n-200);--border-2: var(--n-300);--text: var(--n-900);--muted: var(--n-600);--muted-2: var(--n-500);--green-bg: var(--ok-bg);--green-tx: var(--ok-tx);--amber-bg: var(--warn-bg);--amber-tx: var(--warn-tx);--sky-bg: var(--info-bg);--sky-tx: var(--info-tx);--red: var(--err);--red-bg: var(--err-bg);--red-tx: var(--err-tx);--sidebar-w: 236px;--topbar-h: 60px;--radius: var(--r-lg);--shadow: var(--e-1);accent-color:var(--a-600)}@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}:where(button){font:inherit;cursor:pointer}:where(button:disabled){cursor:not-allowed}:where(input,select,textarea){font:inherit;color:inherit}:where(a){color:inherit;text-decoration:none}}@layer base{body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--a-600);outline-offset:2px}:where(button,[role=button],a[href]){min-block-size:24px}@media(pointer:coarse){:where(button,[role=button]){min-block-size:40px}}::selection{background:var(--a-100);color:var(--a-800)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}@layer components{.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}.page-title{font-size:var(--t-2xl);font-weight:650;letter-spacing:-.02em;line-height:1.25;margin:0 0 var(--s-1)}.page-sub{color:var(--muted);margin:0;font-size:var(--t-sm);max-width:60ch}@media(max-width:720px){.page-head{flex-direction:column}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-5)}.card-title{color:var(--text);font-weight:650;font-size:var(--t-lg);letter-spacing:-.01em;margin:0 0 var(--s-4)}.section-label{font-weight:600;font-size:var(--t-sm);margin:0 0 var(--s-2)}.hint{color:var(--muted);font-size:var(--t-xs);margin:2px 0 var(--s-2)}.divider{border:0;border-top:1px solid var(--border);margin:var(--s-5) 0}.field{margin-bottom:var(--s-4)}.field>label{display:block;font-size:var(--t-xs);font-weight:600;color:var(--n-800);margin-bottom:var(--s-1)}.req{color:var(--red)}.opt{color:var(--muted);font-weight:400}.input,.select,.textarea{width:100%;border:1px solid var(--border-2);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);background:var(--n-0);font-size:var(--t-md);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--n-400)}.input:hover:not(:focus),.textarea:hover:not(:focus),.select:hover:not(:focus){border-color:var(--n-400)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--a-600);outline-width:1px;outline-offset:1px}.input:user-invalid,.textarea:user-invalid,.input.invalid,.textarea.invalid{border-color:var(--red)}.textarea{resize:vertical;min-height:78px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23616675' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6.5l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-right:var(--s-8)}.counter{font-size:var(--t-2xs);color:var(--muted-2);margin-top:var(--s-1);font-variant-numeric:tabular-nums}.counter.over{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);min-block-size:36px;font-size:var(--t-sm);font-weight:600;letter-spacing:-.005em;border:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn svg{width:16px;height:16px}.btn:active:not(:disabled){transform:translateY(.5px)}.btn-primary{background:var(--a-600);color:var(--n-0)}.btn-primary:hover:not(:disabled){background:var(--a-700)}.btn-primary:disabled{background:var(--n-200);color:var(--n-500)}.btn-outline{background:var(--n-0);border-color:var(--a-300);color:var(--a-700)}.btn-outline:hover:not(:disabled){background:var(--a-50);border-color:var(--a-600)}.btn-ghost{background:var(--n-0);border-color:var(--border-2);color:var(--n-800)}.btn-ghost:hover:not(:disabled){background:var(--n-50);border-color:var(--n-400)}.btn-danger{background:var(--n-0);border-color:color-mix(in oklab,var(--err) 35%,white);color:var(--err-tx)}.btn-danger:hover:not(:disabled){background:var(--red-bg);border-color:var(--err)}.btn-sm{padding:var(--s-1) var(--s-3);min-block-size:30px;font-size:var(--t-xs)}.btn-block{width:100%}.icon-act{border:0;background:transparent;padding:var(--s-1);border-radius:var(--r-sm);color:var(--muted);display:inline-flex;min-inline-size:28px;min-block-size:28px;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-act:hover{background:var(--red-bg);color:var(--err-tx)}.icon-act.edit:hover{background:var(--a-50);color:var(--a-700)}.icon-act svg{width:16px;height:16px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:var(--t-2xs);font-weight:600;color:var(--muted);letter-spacing:.02em;text-transform:uppercase;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);background:var(--n-25);white-space:nowrap}tbody td{padding:var(--s-3);border-bottom:1px solid var(--n-100);font-size:var(--t-sm);vertical-align:middle;font-variant-numeric:tabular-nums}tbody tr:hover td{background:var(--n-25)}tbody tr:last-child td{border-bottom:0}.empty-row td{color:var(--muted-2);text-align:center;padding:var(--s-6)}.empty-row:hover td{background:transparent}.pill{border-radius:var(--r-full);padding:3px var(--s-2);font-size:var(--t-2xs);font-weight:600;display:inline-block;white-space:nowrap;letter-spacing:.01em}.pill-draft{background:var(--amber-bg);color:var(--amber-tx)}.pill-pending{background:var(--sky-bg);color:var(--sky-tx)}.pill-complete{background:var(--green-bg);color:var(--green-tx)}.pill-sky{background:var(--sky-bg);color:var(--sky-tx)}.pill-error{background:var(--red-bg);color:var(--red-tx)}.pill-green{background:var(--green-bg);color:var(--green-tx)}.count-pill{background:var(--n-100);color:var(--muted);font-size:var(--t-2xs);font-weight:600;border-radius:var(--r-sm);padding:1px var(--s-2);font-variant-numeric:tabular-nums}.link{color:var(--a-700);font-weight:500}.link:hover{text-decoration:underline;text-underline-offset:2px}.note{display:flex;gap:var(--s-2);align-items:flex-start;background:var(--a-50);border:1px solid var(--a-100);border-radius:var(--r-md);padding:var(--s-3) var(--s-3);font-size:var(--t-sm);color:var(--a-800)}.note svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px}.note-error{background:var(--red-bg);border-color:color-mix(in oklab,var(--err) 25%,white);color:var(--red-tx)}.row-2{display:grid;grid-template-columns:1fr 150px;gap:var(--s-3)}.stack{display:flex;flex-direction:column;gap:var(--s-5)}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border)}@media(max-width:720px){.row-2{grid-template-columns:1fr}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}