@font-face{unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-200B,U+200E-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-family:fontLatin;src:url(../media/ibm_plex_sans_thai_latin_400_normal-s.p.2wxbltz-qby0j.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-200B,U+200E-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-family:fontLatin;src:url(../media/ibm_plex_sans_thai_latin_600_normal-s.p.0tzs4s06sxxpz.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-200B,U+200E-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-family:fontLatin;src:url(../media/ibm_plex_sans_thai_latin_700_normal-s.p.0pzcsq9yuf4r8.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:fontLatin Fallback;src:local(Arial);ascent-override:110.35%;descent-override:52.8%;line-gap-override:0.0%;size-adjust:101.13%}.Tcjt_a_className{font-family:fontLatin,fontLatin Fallback}.Tcjt_a_variable{--font-latin:"fontLatin", "fontLatin Fallback"}
@font-face{unicode-range:U+E01-E5B,U+200C-200D,U+25CC;font-family:fontThai;src:url(../media/ibm_plex_sans_thai_thai_400_normal.p.2vcybq-irdqrs.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{unicode-range:U+E01-E5B,U+200C-200D,U+25CC;font-family:fontThai;src:url(../media/ibm_plex_sans_thai_thai_600_normal.p.213tq94-94uef.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{unicode-range:U+E01-E5B,U+200C-200D,U+25CC;font-family:fontThai;src:url(../media/ibm_plex_sans_thai_thai_700_normal.p.3a42oep2ha52t.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}.D-av-q_className{font-family:fontThai}.D-av-q_variable{--font-thai:"fontThai"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.outline-danger{outline-color:var(--danger)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-sans:var(--font-latin,"IBM Plex Sans Thai"),var(--font-thai,"IBM Plex Sans Thai"),"IBM Plex Sans Thai","Noto Sans Thai","Sarabun","Thonburi","Leelawadee UI","Tahoma",system-ui,-apple-system,"Segoe UI",sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--lh-body:1.6;--lh-tight:1.35;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--dur-fast:.15s;--dur-base:.22s;--dur-slow:.3s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-emphasized:cubic-bezier(.3,0,0,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--blur-sm:10px;--blur-md:18px;--blur-lg:28px;--saturate:170%;--backdrop-sm:blur(var(--blur-sm)) saturate(var(--saturate));--backdrop-md:blur(var(--blur-md)) saturate(var(--saturate));--backdrop-lg:blur(var(--blur-lg)) saturate(var(--saturate));--header-h:60px;--tabbar-h:64px;--nav-w:232px;--z-nav:20;--z-header:30;--z-cart:35;--z-overlay:60;--z-confirm:80;--z-toast:90;--z-progress:100;--art-s:72%;--art-l1:66%;--art-l2:46%}@media (max-width:640px){:root{--blur-sm:6px;--blur-md:12px;--blur-lg:16px}}:root,:root[data-theme=light]{--bg-base:#eaf0ff;--bg-grad:radial-gradient(60% 50% at 12% 8%,#b8c8ff 0,transparent 70%),radial-gradient(50% 45% at 88% 12%,#ffc9e3 0,transparent 70%),radial-gradient(60% 55% at 70% 95%,#b5f0e0 0,transparent 70%),linear-gradient(180deg,#eef3ff,#e6ecfb);--text:#141b2d;--text-muted:#4d586f;--surface-solid:#fff;--surface-solid-2:#f1f4fb;--surface-glass:#ffffff9e;--surface-glass-strong:#ffffffe0;--surface-card:#fffffff7;--border-glass:#ffffffbf;--border-solid:#141b2d24;--highlight:#ffffffe6;--accent:#2845c2;--accent-hover:#1f38a3;--on-accent:#fff;--accent-soft:#2845c21f;--danger:#b3202a;--on-danger:#fff;--danger-soft:#b3202a1a;--success:#106a3b;--success-soft:#106a3b1f;--info:#1a5aa8;--info-soft:#1a5aa81f;--warning:#7d5200;--warning-soft:#7d520021;--focus:#1d4ed8;--scrim:#0c12236b;--skeleton:#141b2d14;--skeleton-hi:#ffffffb3;--elev-1:0 1px 2px #141b2d14,0 2px 8px #141b2d0f;--elev-2:0 8px 24px #1e2d5a24,0 2px 6px #1e2d5a14;--elev-3:0 24px 60px #141e4647,0 6px 16px #141e461f;--art-ink:#fff}:root[data-theme=dark]{--bg-base:#0a0f1f;--bg-grad:radial-gradient(60% 50% at 12% 8%,#2b3b8f 0,transparent 70%),radial-gradient(50% 45% at 88% 12%,#6b2a63 0,transparent 70%),radial-gradient(60% 55% at 70% 95%,#17635a 0,transparent 70%),linear-gradient(180deg,#0d1329,#080c1a);--text:#eef2ff;--text-muted:#b0bad6;--surface-solid:#141a2e;--surface-solid-2:#1b2340;--surface-glass:#161e3894;--surface-glass-strong:#141b32d6;--surface-card:#141a2ef7;--border-glass:#ffffff24;--border-solid:#eef2ff29;--highlight:#ffffff29;--accent:#9db1ff;--accent-hover:#b6c5ff;--on-accent:#0b1233;--accent-soft:#9db1ff2b;--danger:#ff9096;--on-danger:#3a0508;--danger-soft:#ff909629;--success:#6ee0a0;--success-soft:#6ee0a026;--info:#8cc2ff;--info-soft:#8cc2ff26;--warning:#fc6;--warning-soft:#ffcc6626;--focus:#c3d0ff;--scrim:#02050e9e;--skeleton:#eef2ff17;--skeleton-hi:#ffffff1f;--elev-1:0 1px 2px #0006,0 2px 8px #0000004d;--elev-2:0 8px 24px #00000073,0 2px 6px #0000004d;--elev-3:0 24px 60px #000000a6,0 6px 16px #0006;--art-ink:#fff}:root[data-glass=off]{--surface-glass:var(--surface-solid);--surface-glass-strong:var(--surface-solid);--border-glass:var(--border-solid);--highlight:transparent;--backdrop-sm:none;--backdrop-md:none;--backdrop-lg:none}@media (prefers-reduced-transparency:reduce){:root:not([data-glass=on]){--surface-glass:var(--surface-solid);--surface-glass-strong:var(--surface-solid);--border-glass:var(--border-solid);--highlight:transparent;--backdrop-sm:none;--backdrop-md:none;--backdrop-lg:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--surface-glass:var(--surface-solid);--surface-glass-strong:var(--surface-solid);--border-glass:var(--border-solid);--highlight:transparent;--backdrop-sm:none;--backdrop-md:none;--backdrop-lg:none}}:root[data-motion=reduce]{--dur-fast:80ms;--dur-base:80ms;--dur-slow:80ms}@media (prefers-reduced-motion:reduce){:root{--dur-fast:80ms;--dur-base:80ms;--dur-slow:80ms}}*,:before,:after{box-sizing:border-box}html{background:var(--bg-base);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text);background:0 0;min-height:100dvh;margin:0}body:before{content:"";z-index:-1;background:var(--bg-grad);position:fixed;inset:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:var(--lh-tight)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1:focus,main:focus{outline:none}.os-muted{color:var(--text-muted)}.os-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.os-skip{z-index:200;background:var(--surface-solid);border-radius:var(--radius-pill);box-shadow:var(--elev-2);padding:8px 14px;position:fixed;top:-60px;left:8px}.os-skip:focus{top:8px}.os-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.os-icon.sm{width:18px;height:18px}.os-glass{background:var(--surface-glass);-webkit-backdrop-filter:var(--backdrop-md);backdrop-filter:var(--backdrop-md);border:1px solid var(--border-glass);box-shadow:var(--elev-2),inset 0 1px 0 var(--highlight)}.os-glass.strong{background:var(--surface-glass-strong)}.os-card{background:var(--surface-card);border:1px solid var(--border-solid);border-radius:var(--radius-lg);box-shadow:var(--elev-1)}.os-btn{border-radius:var(--radius-pill);min-height:44px;font-weight:600;font-size:var(--fs-sm);background:var(--surface-solid-2);color:var(--text);transition:transform var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),opacity var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex;position:relative}.os-btn:hover{background:var(--accent-soft)}.os-btn:active{transform:scale(.97)}.os-btn.primary{background:var(--accent);color:var(--on-accent)}.os-btn.primary:hover{background:var(--accent-hover)}.os-btn.danger{background:var(--danger);color:var(--on-danger)}.os-btn.danger:hover{background:var(--danger);opacity:.9}.os-btn.outline-danger{color:var(--danger);border-color:var(--danger);background:0 0}.os-btn.outline-danger:hover{background:var(--danger-soft)}.os-btn.ghost{border-color:var(--border-solid);background:0 0}.os-btn[disabled]{opacity:.55;cursor:not-allowed}.os-btn[aria-busy=true]{cursor:progress}.os-btn .os-label{transition:opacity var(--dur-fast);align-items:center;gap:8px;display:inline-flex}.os-spin{opacity:0;pointer-events:none;border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.os-btn[aria-busy=true] .os-label{opacity:0}.os-btn[aria-busy=true] .os-spin{opacity:1;animation:.7s linear infinite os-rot}@keyframes os-rot{to{transform:rotate(360deg)}}@keyframes os-pulse{50%{opacity:.35}}:root[data-motion=reduce] .os-btn[aria-busy=true] .os-spin{animation:1.2s ease-in-out infinite os-pulse}@media (prefers-reduced-motion:reduce){.os-btn[aria-busy=true] .os-spin{animation:1.2s ease-in-out infinite os-pulse}}.os-icon-btn{width:44px;height:44px;color:var(--text);transition:background-color var(--dur-fast),transform var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:inline-grid;position:relative}.os-icon-btn:hover{background:var(--accent-soft)}.os-icon-btn:active{transform:scale(.92)}.os-badge-n{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);text-align:center;transition:transform var(--dur-base) var(--ease-spring);border-radius:10px;padding:0 5px;font-size:12px;font-weight:700;line-height:20px;position:absolute;top:2px;right:0;transform:scale(0)}.os-badge-n.on{transform:scale(1)}.os-hdr{height:var(--header-h);z-index:var(--z-header);align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border-width:0 0 1px;display:flex;position:fixed;inset:0 0 auto}.os-logo{letter-spacing:.01em;flex:1 1 0;align-items:center;gap:10px;min-width:0;font-weight:700;display:flex;overflow:hidden}.os-logo-text{min-width:0;overflow:hidden}.os-logo-text b,.os-logo-text small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.os-logo-text b{line-height:1.2}.os-logo-text small{font-weight:400;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.2}.os-logo-mark{background:linear-gradient(135deg,var(--accent),var(--accent-hover));width:36px;height:36px;color:var(--on-accent);border-radius:12px;flex:none;place-items:center;display:grid}.os-hdr .os-icon-btn,.os-hdr .os-btn{flex:none}@media (max-width:479px){.os-hdr{gap:4px;padding:0 12px}.os-logo-text small{display:none}}@media (max-width:359px){.os-logo-text{display:none}}.os-side{z-index:var(--z-nav);top:calc(var(--header-h) + 12px);width:var(--nav-w);border-radius:var(--radius-xl);padding:var(--sp-3);flex-direction:column;gap:4px;display:none;position:fixed;bottom:12px;left:12px}.os-side h2{font-size:var(--fs-xs);color:var(--text-muted);padding:10px 12px 4px;font-weight:600}.os-nav-link{border-radius:var(--radius-md);min-height:46px;color:var(--text);align-items:center;gap:12px;padding:0 14px;font-weight:500;display:flex;position:relative}.os-nav-link:before{content:"";border-radius:inherit;background:var(--accent-soft);opacity:0;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard);position:absolute;inset:0;transform:scale(.96)}.os-nav-link>*{position:relative}.os-nav-link:hover:before{opacity:.6;transform:none}.os-nav-link[aria-current=page]{color:var(--accent);font-weight:700}.os-nav-link[aria-current=page]:before{opacity:1;transform:none}.os-tabbar{z-index:var(--z-nav);left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));height:var(--tabbar-h);border-radius:var(--radius-xl);grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:fixed}.os-tabbar .os-nav-link{font-size:var(--fs-xs);flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding:0}.os-main{padding:calc(var(--header-h) + 16px) var(--sp-4) calc(var(--tabbar-h) + 48px)}.os-view{max-width:1040px;margin:0 auto}.os-view.os-enter{animation:os-view-in var(--dur-base) var(--ease-standard)}@keyframes os-view-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width:1024px){.os-side{display:flex}.os-tabbar{display:none}.os-main{padding:calc(var(--header-h) + 24px) 32px 48px calc(var(--nav-w) + 44px)}.os-hdr{padding:0 24px}}.os-progress{height:3px;z-index:var(--z-progress);background:var(--accent);transform-origin:0;opacity:0;pointer-events:none;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.os-progress.run{opacity:1;transition:transform calc(var(--dur-slow) * 26) var(--ease-standard);transform:scaleX(.8)}.os-progress.done{opacity:0;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-base) var(--ease-standard) var(--dur-fast);transform:scaleX(1)}.os-view-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);min-height:48px;display:flex}.os-view-head h1{font-size:var(--fs-xl)}.os-sk{background:var(--skeleton);border-radius:var(--radius-sm);position:relative;overflow:hidden}.os-sk:after{content:"";background:linear-gradient(90deg,transparent,var(--skeleton-hi),transparent);animation:1.4s linear infinite os-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes os-shimmer{to{transform:translate(100%)}}:root[data-motion=reduce] .os-sk:after{animation:none}@media (prefers-reduced-motion:reduce){.os-sk:after{animation:none}}.os-state{text-align:center;min-height:300px;padding:var(--sp-5);place-items:center;gap:var(--sp-3);align-content:center;display:grid}.os-state .os-icon{width:40px;height:40px;color:var(--text-muted)}.os-state.error .os-icon{color:var(--danger)}.os-badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);padding:1px 10px;font-weight:600;line-height:1.7;display:inline-block}.os-badge.ok{background:var(--success-soft);color:var(--success)}.os-badge.warn{background:var(--warning-soft);color:var(--warning)}.os-badge.bad{background:var(--danger-soft);color:var(--danger)}.os-badge.mute{background:var(--skeleton);color:var(--text-muted)}.os-list{margin:0;padding:0;list-style:none;overflow:hidden}.os-row{border-bottom:1px solid var(--border-solid);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:8px 12px;display:grid;position:relative}.os-row:last-child{border-bottom:0}.os-row.leaving{opacity:0;transition:opacity var(--dur-base),transform var(--dur-base) var(--ease-standard);transform:translate(-24px)}.os-row.enter{animation:os-rowin var(--dur-slow) var(--ease-standard)}@keyframes os-rowin{0%{opacity:0;transform:translateY(-10px)}}.os-row-main{flex-direction:column;min-width:0;display:flex}.os-row-main strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.os-row-main .os-muted{font-size:var(--fs-xs)}.os-thumb{aspect-ratio:1;border-radius:var(--radius-sm);width:48px;color:var(--art-ink);background:linear-gradient(135deg,hsl(var(--h,220) var(--art-s) var(--art-l1)),hsl(calc(var(--h,220) + 40) var(--art-s) var(--art-l2)));place-items:center;font-weight:700;display:grid}.os-field{gap:6px;margin-bottom:2px;display:grid}.os-field label{font-weight:600;font-size:var(--fs-sm)}.os-input{border-radius:var(--radius-md);border:1px solid var(--border-solid);background:var(--surface-solid);width:100%;min-height:46px;transition:border-color var(--dur-fast);padding:8px 14px}textarea.os-input{resize:vertical;min-height:96px}.os-input[aria-invalid=true]{border-color:var(--danger)}.os-hint{font-size:var(--fs-xs);color:var(--text-muted)}.os-err{min-height:22px;font-size:var(--fs-xs);color:var(--danger);font-weight:500}.os-scrim{z-index:var(--z-overlay);background:var(--scrim);position:fixed;inset:0}.os-scrim[data-state=open]{animation:os-fade-in var(--dur-base) var(--ease-standard)}.os-scrim[data-state=closed]{animation:os-fade-out var(--dur-base) var(--ease-exit) forwards}@keyframes os-fade-in{0%{opacity:0}}@keyframes os-fade-out{to{opacity:0}}.os-layer{z-index:var(--z-overlay);pointer-events:none;display:flex;position:fixed;inset:0}.os-layer[data-state=closed]{animation:os-hold var(--dur-base) linear forwards}@keyframes os-hold{0%{opacity:1}to{opacity:1}}.os-layer.cf{z-index:var(--z-confirm);justify-content:center;align-items:center;padding:16px}.os-panel{--from:translateY(100%);pointer-events:auto;background:var(--surface-glass-strong);-webkit-backdrop-filter:var(--backdrop-lg);backdrop-filter:var(--backdrop-lg);border:1px solid var(--border-glass);box-shadow:var(--elev-3),inset 0 1px 0 var(--highlight);flex-direction:column;display:flex;position:relative;overflow:hidden}.os-panel[data-state=open]{animation:os-panel-in var(--dur-slow) var(--ease-emphasized)}.os-panel[data-state=closed]{animation:os-panel-out var(--dur-base) var(--ease-exit) forwards}@keyframes os-panel-in{0%{opacity:0;transform:var(--from)}}@keyframes os-panel-out{to{opacity:0;transform:var(--from)}}.os-layer.modal,.os-layer.drawer{justify-content:center;align-items:flex-end}.os-layer.modal .os-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:92dvh}.os-layer.drawer .os-panel,.os-layer.modal.full .os-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:calc(100dvh - 24px)}.os-ph{justify-content:space-between;align-items:center;gap:12px;padding:14px 12px 10px 20px;display:flex;position:relative}.os-ph:before{content:"";background:var(--text-muted);opacity:.5;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}@media (min-width:768px){.os-layer.modal{align-items:center;padding:16px}.os-layer.modal .os-panel{--from:translateY(14px) scale(.97);border-radius:var(--radius-xl);width:min(520px,100%);max-height:min(88dvh,760px)}.os-layer.modal.full .os-panel{height:auto}.os-layer.drawer{justify-content:flex-end;align-items:stretch}.os-layer.drawer .os-panel{--from:translateX(100%);border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:min(600px,100vw);height:100%}.os-ph:before{display:none}}:root[data-motion=reduce] .os-panel,:root[data-motion=reduce] .os-cf-panel{--from:none}@media (prefers-reduced-motion:reduce){.os-panel,.os-cf-panel{--from:none!important}}.os-ph h2{font-size:var(--fs-lg)}.os-ph p{font-size:var(--fs-sm);color:var(--text-muted)}.os-pb{background:var(--surface-card);border-top:1px solid var(--border-solid);border-bottom:1px solid var(--border-solid);overscroll-behavior:contain;flex:1;padding:18px 20px;overflow:auto}.os-pf{padding:12px 16px calc(12px + env(safe-area-inset-bottom));justify-content:flex-end;gap:10px;display:flex}.os-stepper{align-items:center;margin-bottom:18px;display:flex;position:relative}.os-step{font-size:var(--fs-xs);color:var(--text-muted);z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.os-step .dot{background:var(--surface-solid-2);border:2px solid var(--border-solid);width:32px;height:32px;transition:background-color var(--dur-base),color var(--dur-base);border-radius:50%;place-items:center;font-weight:700;display:grid}.os-step[aria-current=step]{color:var(--text);font-weight:600}.os-step[aria-current=step] .dot,.os-step.done .dot{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.os-cf-panel{--from:scale(.94);pointer-events:auto;text-align:center;border-radius:var(--radius-xl);background:var(--surface-glass-strong);width:min(400px,100%);-webkit-backdrop-filter:var(--backdrop-lg);backdrop-filter:var(--backdrop-lg);border:1px solid var(--border-glass);box-shadow:var(--elev-3),inset 0 1px 0 var(--highlight);flex-direction:column;align-items:center;gap:8px;padding:22px 20px 16px;display:flex;position:relative}.os-cf-panel[data-state=open]{animation:os-panel-in var(--dur-slow) var(--ease-emphasized)}.os-cf-panel[data-state=closed]{animation:os-panel-out var(--dur-base) var(--ease-exit) forwards}.os-cf-ico{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.os-cf-ico .os-icon{width:26px;height:26px}.os-cf-panel.danger .os-cf-ico{background:var(--danger-soft);color:var(--danger)}.os-cf-panel h2{font-size:var(--fs-lg)}.os-cf-panel p{color:var(--text-muted);font-size:var(--fs-sm)}.os-cf-btns{gap:10px;width:100%;margin-top:12px;display:flex}.os-cf-btns .os-btn{flex:1}[data-sonner-toaster]{z-index:var(--z-toast)!important;font-family:var(--font-sans)!important}.os-toast{border-radius:var(--radius-lg);background:var(--surface-glass-strong);width:100%;-webkit-backdrop-filter:var(--backdrop-md);backdrop-filter:var(--backdrop-md);border:1px solid var(--border-glass);border-inline-start:4px solid var(--tc,var(--accent));box-shadow:var(--elev-3),inset 0 1px 0 var(--highlight);color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-body);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.os-toast.success{--tc:var(--success)}.os-toast.error{--tc:var(--danger)}.os-toast.info{--tc:var(--info)}.os-toast.loading{--tc:var(--accent)}.os-toast [data-icon]{color:var(--tc)}.os-toast [data-title]{font-weight:600}.os-toast [data-description]{color:var(--text-muted);font-size:var(--fs-xs)}[data-sonner-toast]{transition-duration:var(--dur-base)!important}.os-auth-btn{min-width:104px}.os-auth-slot{flex:none;justify-content:flex-end;align-items:center;width:136px;display:inline-flex}.os-auth-name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;max-width:88px;overflow:hidden}:root[data-motion=reduce] .os-view.os-enter,:root[data-motion=reduce] .os-row.enter{animation-name:os-fade-in}:root[data-motion=reduce] .os-row.leaving{transform:none}:root[data-motion=reduce] .os-badge-n{opacity:0;transition-property:opacity;transform:none}:root[data-motion=reduce] .os-badge-n.on{opacity:1}:root[data-motion=reduce] .os-nav-link:before,:root[data-motion=reduce] .os-btn:active,:root[data-motion=reduce] .os-icon-btn:active{transform:none}:root[data-motion=reduce] .os-progress.run{transition:opacity var(--dur-base);transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.os-view.os-enter,.os-row.enter{animation-name:os-fade-in}.os-row.leaving{transform:none}.os-badge-n{opacity:0;transition-property:opacity;transform:none}.os-badge-n.on{opacity:1}.os-nav-link:before,.os-btn:active,.os-icon-btn:active{transform:none}.os-progress.run{transition:opacity var(--dur-base);transform:scaleX(1)}}.os-scrim.cf{z-index:var(--z-confirm)}.os-loading-head{min-height:48px;margin-bottom:var(--sp-4);align-items:center;display:flex}.os-sp-2{height:var(--sp-2)}.os-sp-3{height:var(--sp-3)}.os-sp-4{height:var(--sp-4)}.os-note{margin-bottom:var(--sp-3);font-size:var(--fs-xs)}.os-inline{gap:var(--sp-2);align-items:center;display:flex}.os-plain-list{margin:var(--sp-4) 0;padding:0;list-style:none}.os-pad{padding:var(--sp-4)}.os-h3{font-size:var(--fs-lg)}.os-actions{margin-top:var(--sp-2);justify-content:flex-end;gap:10px;display:flex}.os-step-list{margin:0 0 18px;padding:0;list-style:none}.os-form-body{min-height:200px}.os-dl{grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.os-dl dd{margin:0}.os-skel-list{min-height:288px}.os-skel-detail{min-height:220px}.os-row.two{grid-template-columns:minmax(0,1fr) auto}.os-meta-row{gap:var(--sp-2);margin:var(--sp-2) 0;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}