:root{--neutral-0: #ffffff;--neutral-50: #f9fafc;--neutral-100: #f4f4f8;--neutral-200: #e3e4eb;--neutral-250: #d4d4df;--neutral-300: #cacbd4;--neutral-400: #a8a9b2;--neutral-500: #717188;--neutral-800: #1c1d1d;--neutral-900: #000000;--earth-50: #fcfcf9;--earth-100: #f3f3ed;--earth-200: #e6e1d6;--gold-100: #fcefb8;--gold-200: #f6cf47;--gold-300: #e6b72e;--gold-400: #8f6e12;--brand: var(--gold-200);--green-light-100: #def894;--green-light-200: #b8ce7a;--green-light-300: #94a661;--green-light-400: #717f49;--green-dark-50: #e6f5ef;--green-dark-100: #37ff57;--green-dark-200: #29e682;--green-dark-300: #02bfb0;--green-dark-400: #279e82;--emerald-soft-50: #f0fdf4;--emerald-soft-200: #bbf7d0;--emerald-soft-700: #15803d;--red-100: #fe9b9d;--red-200: #ff3737;--red-300: #5c0105;--red-400: #2c0001;--red-soft-50: #fef2f2;--red-soft-200: #fecaca;--red-soft-700: #b91c1c;--blue-100: #cce6f8;--blue-200: #71c4ef;--blue-300: #509dc2;--blue-400: #275267;--blue-soft-50: #eff6ff;--blue-soft-200: #bfdbfe;--blue-soft-700: #1d4ed8;--amber-deep-700: #d97706;--violet-soft-50: #f3e8ff;--violet-soft-200: #d8b4fe;--violet-soft-700: #7c3aed;--pink-100: #fff2f8;--pink-200: #fdb2c8;--pink-300: #f55daf;--pink-400: #eb279d;--pink-500: #db049a;--yellow-100: #ffefd3;--yellow-200: #fff500;--yellow-300: #ffcd1b;--purple-100: #e2b7ff;--purple-200: #c18cd6;--purple-300: #78418a;--surface-primary: var(--earth-100);--surface-secondary: var(--earth-50);--surface-tertiary: var(--earth-200);--surface-card: var(--neutral-0);--surface-muted: var(--neutral-100);--surface-inverse: var(--neutral-800);--surface-brand: var(--brand);--surface-brand-contrast: var(--neutral-800);--surface-brand-tint: var(--gold-100);--surface-brand-faint: #fff9e6;--surface-notification-unread: #f0f4ff;--surface-notification-homework: #fff8e1;--surface-notification-reminder: #fef2f2;--surface-notification-result: #e6f5ef;--surface-notification-family: #f5f3ff;--surface-notification-classroom: #f0fdf4;--surface-notification-course: #eff6ff;--surface-shortcut-homework: #b09fd8;--surface-shortcut-checkin: #c8e6c9;--surface-shortcut-checkin-tile: rgb(28 29 29 / 8%);--text-shortcut-checkin-sub: #3d6b3e;--text-primary: var(--neutral-800);--text-secondary: var(--neutral-500);--text-tertiary: var(--neutral-400);--text-inverse: var(--neutral-0);--text-inverse-secondary: var(--neutral-400);--text-brand: var(--gold-400);--text-brand-inverse: var(--gold-200);--text-danger: var(--red-200);--text-link: var(--blue-300);--border-primary: var(--neutral-500);--border-secondary: var(--neutral-200);--border-subtle: var(--neutral-100);--border-brand: var(--gold-300);--border-brand-faint: color-mix(in srgb, var(--gold-200) 12%, transparent);--border-danger: var(--red-200);--icon-primary: var(--neutral-800);--icon-secondary: var(--neutral-500);--icon-tertiary: var(--neutral-400);--icon-inverse: var(--neutral-0);--icon-brand: var(--gold-300);--icon-danger: var(--red-200);--icon-notification-unread: #3b82f6;--icon-notification-homework: #b45309;--icon-notification-reminder: #dc2626;--icon-notification-result: #279e82;--icon-notification-family: #7c3aed;--icon-notification-classroom: #16a34a;--icon-notification-course: #2563eb;--button-primary: var(--neutral-800);--button-primary-fg: var(--neutral-0);--button-primary-hover: var(--neutral-900);--button-secondary: var(--neutral-0);--button-secondary-fg: var(--neutral-800);--button-brand: var(--brand);--button-brand-fg: var(--neutral-800);--button-brand-hover: var(--gold-300);--button-danger: var(--red-200);--button-danger-fg: var(--neutral-0);--button-danger-hover: #e02828;--sso-line: #06c755;--sso-google: #4285f4;--sso-microsoft-1: #f25022;--sso-microsoft-2: #7fba00;--sso-microsoft-3: #00a4ef;--sso-microsoft-4: #ffb900;--user-green-1: var(--green-light-200);--user-pink-1: var(--pink-200);--user-blue-1: var(--blue-200);--user-yellow-1: var(--yellow-300);--user-purple-1: var(--purple-200);--font-display: "Anuphan", "Athiti", "Inter", system-ui, sans-serif;--font-body: "Inter", "IBM Plex Sans Thai", "Anuphan", system-ui, sans-serif;--font-thai: "IBM Plex Sans Thai", "Anuphan", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, sfmono-regular, menlo, monospace;--text-h1-size: 48px;--text-h1-line: 56px;--text-h1-weight: 700;--text-h2-size: 36px;--text-h2-line: 44px;--text-h2-weight: 700;--text-h3-size: 28px;--text-h3-line: 36px;--text-h3-weight: 600;--text-h4-size: 22px;--text-h4-line: 30px;--text-h4-weight: 600;--text-h5-size: 18px;--text-h5-line: 28px;--text-h5-weight: 600;--text-subtitle-size: 18px;--text-subtitle-line: 28px;--text-subtitle-weight: 600;--text-body-size: 16px;--text-body-line: 24px;--text-body-weight: 400;--text-small-size: 14px;--text-small-line: 20px;--text-small-weight: 400;--text-caption-size: 12px;--text-caption-line: 16px;--text-caption-weight: 500;--text-3xs: 11px;--text-2xs: 12px;--text-xs: 13px;--text-sm: 14px;--text-base: 15px;--text-md: 16px;--text-lg: 17px;--text-xl: 18px;--spacing-0: 0px;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 8px;--spacing-4: 12px;--spacing-5: 16px;--spacing-6: 24px;--spacing-7: 32px;--spacing-8: 48px;--radius-xsm: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 16px;--radius-notification-icon: 14px;--radius-xl: 80px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);--shadow-up: 0 -2px 12px rgb(0 0 0 / 5%);--duration-fast: .12s;--duration: .18s;--duration-slow: .26s;--ease: cubic-bezier(.4, 0, .2, 1);--layout-sidebar-width: 272px;--layout-sidebar-width-collapsed: 74px;--layout-bottom-nav-height: 72px;--layout-topbar-height: 56px;--layout-topbar-height-desc: 66px;--layout-app-max: 480px;--layout-app-gutter: var(--spacing-5);--layout-bottombar-actions-height: 130px;--layout-content-max: 1400px;--layout-card-pad: 20px;--layout-page-pad: 32px;--layout-overlay: rgb(28 29 29 / 55%);--z-sticky: 10;--z-dropdown: 50;--z-modal: 100;--z-popover: 150}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-thai);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--surface-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,.h1{margin:0;font-family:var(--font-display);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line);letter-spacing:-.02em;color:var(--text-primary)}h2,.h2{margin:0;font-family:var(--font-display);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line);letter-spacing:-.02em;color:var(--text-primary)}h3,.h3{margin:0;font-family:var(--font-display);font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line);letter-spacing:-.01em;color:var(--text-primary)}h4,.h4{margin:0;font-family:var(--font-display);font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-line);color:var(--text-primary)}h5,.h5{margin:0;font-family:var(--font-body);font-size:var(--text-h5-size);font-weight:var(--text-h5-weight);line-height:var(--text-h5-line);color:var(--text-primary)}.subtitle{font-family:var(--font-display);font-size:var(--text-subtitle-size);font-weight:var(--text-subtitle-weight);line-height:var(--text-subtitle-line)}.body{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line)}.small{font-size:var(--text-small-size);line-height:var(--text-small-line)}.caption{font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--text-secondary)}code,.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.ico{display:inline-block;flex-shrink:0;vertical-align:middle}.alert[data-v-93243a8c]{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary)}.alert.is-destructive[data-v-93243a8c]{border-color:var(--border-danger);color:var(--text-danger)}.alert__body[data-v-93243a8c]{min-width:0}.alert__title[data-v-93243a8c]{margin-bottom:var(--spacing-2);font-family:var(--font-thai);font-size:var(--text-base);font-weight:600;line-height:1.2}.alert__text[data-v-93243a8c]{font-family:var(--font-thai);font-size:var(--text-sm);line-height:20px;opacity:.85}.alert__actions[data-v-93243a8c]{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4)}.alert__x[data-v-93243a8c]{padding:0;border:none;background:none;color:inherit;opacity:.6;cursor:pointer}.alert__x[data-v-93243a8c]:hover{opacity:1}.avatar[data-v-e1eccb50]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;line-height:1;color:var(--neutral-800);-webkit-user-select:none;user-select:none}.badge[data-v-649c9303]{display:inline-flex;align-items:center;gap:4px;padding:3px var(--spacing-3);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-thai);font-size:var(--text-2xs);font-weight:700;line-height:16px;white-space:nowrap}.badge--default[data-v-649c9303]{background:var(--neutral-800);color:var(--neutral-0)}.badge--secondary[data-v-649c9303]{background:var(--neutral-100);color:var(--text-primary)}.badge--outline[data-v-649c9303]{background:transparent;border-color:var(--border-secondary);color:var(--text-primary)}.badge--brand[data-v-649c9303]{background:var(--surface-brand);color:var(--surface-brand-contrast)}.badge--destructive[data-v-649c9303]{background:var(--red-200);color:var(--neutral-0)}.badge--success[data-v-649c9303]{background:var(--green-dark-200);color:var(--neutral-800)}.badge--warning[data-v-649c9303]{background:var(--yellow-300);color:var(--neutral-800)}.badge--info[data-v-649c9303]{background:var(--blue-200);color:var(--neutral-800)}.badge--warning-tint[data-v-649c9303]{background:var(--surface-brand-tint);color:var(--text-brand)}.badge--success-tint[data-v-649c9303]{background:var(--green-dark-50);color:var(--green-dark-400)}.badge--info-tint[data-v-649c9303]{background:var(--blue-soft-50);color:var(--blue-soft-700)}.badge--info-soft[data-v-649c9303],.badge--secondary-soft[data-v-649c9303],.badge--brand-soft[data-v-649c9303],.badge--violet-soft[data-v-649c9303]{flex-shrink:0;padding:2px 9px;border-radius:var(--radius-full);font-size:var(--text-3xs)}.badge--info-soft[data-v-649c9303]{background:var(--blue-soft-50);border-color:var(--blue-soft-200);color:var(--blue-soft-700)}.badge--secondary-soft[data-v-649c9303]{background:var(--earth-100);border-color:var(--neutral-250);color:var(--neutral-500)}.badge--brand-soft[data-v-649c9303]{background:var(--surface-brand-tint);border-color:var(--gold-200);color:var(--text-brand)}.badge--violet-soft[data-v-649c9303]{background:var(--violet-soft-50);border-color:var(--violet-soft-200);color:var(--violet-soft-700)}.btn[data-v-4bfee8be]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.btn[data-v-4bfee8be]:disabled{opacity:.4;cursor:not-allowed}.btn--block[data-v-4bfee8be]{width:100%}.btn--pill[data-v-4bfee8be]{border-radius:var(--radius-full)}.btn--sm[data-v-4bfee8be]{height:32px;padding:0 var(--spacing-4);font-size:var(--text-xs)}.btn--md[data-v-4bfee8be]{height:40px;padding:0 var(--spacing-5);font-size:var(--text-sm)}.btn--lg[data-v-4bfee8be]{height:48px;padding:0 20px;font-size:var(--text-md)}.btn--primary[data-v-4bfee8be]{background:var(--button-primary);color:var(--button-primary-fg)}.btn--primary[data-v-4bfee8be]:hover:not(:disabled){background:var(--button-primary-hover)}.btn--brand[data-v-4bfee8be]{background:var(--button-brand);color:var(--button-brand-fg)}.btn--brand[data-v-4bfee8be]:hover:not(:disabled){background:var(--button-brand-hover)}.btn--outline[data-v-4bfee8be]{background:var(--neutral-0);border-color:var(--border-secondary);color:var(--text-primary)}.btn--outline[data-v-4bfee8be]:hover:not(:disabled){background:var(--neutral-100)}.btn--ghost[data-v-4bfee8be]{background:transparent;color:var(--text-primary)}.btn--ghost[data-v-4bfee8be]:hover:not(:disabled){background:var(--neutral-100)}.btn--destructive[data-v-4bfee8be]{background:var(--button-danger);color:var(--button-danger-fg)}.btn--destructive[data-v-4bfee8be]:hover:not(:disabled){background:var(--button-danger-hover)}.btn--destructive-outline[data-v-4bfee8be]{background:transparent;border-color:var(--red-soft-200);color:var(--text-danger)}.btn--destructive-outline[data-v-4bfee8be]:hover:not(:disabled){background:var(--red-soft-50);border-color:var(--border-danger)}.btn__spinner[data-v-4bfee8be]{width:13px;height:13px;flex-shrink:0;border:2px solid currentcolor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin-4bfee8be .7s linear infinite}@keyframes btn-spin-4bfee8be{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn__spinner[data-v-4bfee8be]{animation-duration:2s}}.field[data-v-3ae13c9c]{display:flex;flex-direction:column;gap:var(--spacing-2)}.field__label[data-v-3ae13c9c]{font-family:var(--font-thai);font-size:var(--text-xs);font-weight:500;color:var(--text-primary)}.field__box[data-v-3ae13c9c]{display:flex;align-items:center;gap:var(--spacing-3);height:40px;padding:0 var(--spacing-4);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-0);transition:border-color var(--duration-fast) var(--ease)}.field__box[data-v-3ae13c9c]:focus-within{border-color:var(--text-primary)}.field__box.is-error[data-v-3ae13c9c],.field__box.is-error[data-v-3ae13c9c]:focus-within{border-color:var(--border-danger)}.field__box.is-disabled[data-v-3ae13c9c]{background:var(--neutral-100);opacity:.6}.field__input[data-v-3ae13c9c]{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-family:var(--font-thai);font-size:var(--text-base);color:var(--text-primary)}.field__input[data-v-3ae13c9c]::placeholder{color:var(--text-tertiary)}.field__input[data-v-3ae13c9c]:disabled{cursor:not-allowed}.field__msg[data-v-3ae13c9c]{font-family:var(--font-thai);font-size:var(--text-2xs);color:var(--text-secondary)}.field__msg.is-error[data-v-3ae13c9c]{color:var(--text-danger)}.toast[data-v-e65c10d9]{position:fixed;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:var(--spacing-4) 18px;border-radius:var(--radius-md);background:var(--surface-inverse);box-shadow:var(--shadow-lg);font-family:var(--font-thai);font-size:var(--text-md);font-weight:500;color:var(--text-inverse);white-space:nowrap;z-index:var(--z-modal)}.toast.is-error[data-v-e65c10d9]{max-width:min(560px,calc(100vw - 2 * var(--spacing-6)));align-items:flex-start;white-space:normal;line-height:1.5;text-align:left}@media(max-width:480px){.toast[data-v-e65c10d9]{max-width:calc(100vw - 2 * var(--spacing-5));white-space:normal;line-height:1.5;text-align:left}}.toast-enter-active[data-v-e65c10d9],.toast-leave-active[data-v-e65c10d9]{transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.toast-enter-from[data-v-e65c10d9],.toast-leave-to[data-v-e65c10d9]{opacity:0;transform:translate(-50%) translateY(8px)}.cap[data-v-ffb66685]{display:flex;align-items:center;gap:var(--spacing-3)}.cap--reverse[data-v-ffb66685]{flex-direction:row-reverse}.cap__track[data-v-ffb66685]{flex:1;height:6px;border-radius:var(--radius-full);background:var(--surface-secondary);overflow:hidden}.cap__fill[data-v-ffb66685]{height:100%;border-radius:var(--radius-full);transition:width var(--duration) var(--ease)}.cap__label[data-v-ffb66685]{flex-shrink:0;padding:2px 9px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:700;white-space:nowrap}.cap__count[data-v-ffb66685]{flex-shrink:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap}.cap__countmax[data-v-ffb66685]{font-weight:500;color:var(--text-tertiary)}.cap--full .cap__count[data-v-ffb66685]{color:var(--text-danger)}.cap--normal .cap__fill[data-v-ffb66685]{background:var(--green-dark-200)}.cap--normal .cap__label[data-v-ffb66685]{background:var(--green-dark-50);color:var(--green-dark-400)}.cap--near .cap__fill[data-v-ffb66685]{background:var(--gold-300)}.cap--near .cap__label[data-v-ffb66685]{background:var(--surface-brand-tint);color:var(--text-brand)}.cap--full .cap__fill[data-v-ffb66685]{background:var(--red-200)}.cap--full .cap__label[data-v-ffb66685]{background:var(--red-soft-50);color:var(--red-soft-700)}.dp[data-v-3c03b5d2]{position:relative}.dp__trigger[data-v-3c03b5d2]{display:flex;align-items:center;gap:var(--spacing-3);width:100%;height:46px;padding:0 14px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-50);font-family:var(--font-thai);font-size:var(--text-md);text-align:left;cursor:pointer}.dp__trigger[data-v-3c03b5d2]:disabled{opacity:.5;cursor:not-allowed}.dp__trigger.is-error[data-v-3c03b5d2]{border-color:var(--border-danger)}.dp__text[data-v-3c03b5d2]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.dp__text.is-placeholder[data-v-3c03b5d2]{color:var(--text-tertiary)}.dp__trigger--center .dp__text[data-v-3c03b5d2]{text-align:center}.dp__trigger--chip[data-v-3c03b5d2]{width:auto;height:28px;gap:var(--spacing-2);padding:0 var(--spacing-3);border-radius:var(--radius-full);background:var(--surface-muted);font-size:var(--text-2xs)}.dp__trigger--chip .dp__text[data-v-3c03b5d2]{flex:none;font-weight:600;color:var(--text-secondary)}.dp__pop[data-v-3c03b5d2]{position:fixed;width:320px;padding:var(--spacing-4);background:var(--surface-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-thai);z-index:var(--z-modal)}.dp__head[data-v-3c03b5d2]{display:flex;align-items:center;gap:6px;margin-bottom:10px}.dp__nav[data-v-3c03b5d2]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-0);cursor:pointer}.dp__nav[data-v-3c03b5d2]:hover{background:var(--neutral-100)}.dp__sel[data-v-3c03b5d2]{height:34px;padding:0 var(--spacing-3);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-0);font-family:var(--font-thai);font-size:var(--text-base);color:var(--text-primary);outline:none;cursor:pointer}.dp__sel--month[data-v-3c03b5d2]{flex:1;min-width:0}.dp__sel--year[data-v-3c03b5d2]{width:88px;flex-shrink:0}.dp__dow[data-v-3c03b5d2]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--spacing-2)}.dp__dowcell[data-v-3c03b5d2]{padding:2px 0;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);text-align:center}.dp__grid[data-v-3c03b5d2]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp__day[data-v-3c03b5d2]{height:32px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-thai);font-size:var(--text-base);font-weight:500;color:var(--text-primary);cursor:pointer}.dp__day[data-v-3c03b5d2]:hover{background:var(--neutral-100)}.dp__day.is-today[data-v-3c03b5d2]{border-color:var(--border-brand)}.dp__day.is-selected[data-v-3c03b5d2]{background:var(--text-brand);border-color:var(--text-brand);color:var(--neutral-0);font-weight:700}.dp__day.is-disabled[data-v-3c03b5d2]{color:var(--text-tertiary);cursor:not-allowed}.dp__day.is-disabled[data-v-3c03b5d2]:hover{background:transparent}.dp__foot[data-v-3c03b5d2]{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.dp__link[data-v-3c03b5d2]{padding:2px 6px;border:none;background:transparent;font-family:var(--font-thai);font-size:var(--text-sm);font-weight:600;color:var(--text-brand);cursor:pointer}.dp__link.is-muted[data-v-3c03b5d2]{color:var(--text-secondary)}.drb[data-v-c8cdd963]{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:var(--surface-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.drb__top[data-v-c8cdd963],.drb__bottom[data-v-c8cdd963]{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.drb__range[data-v-c8cdd963]{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.drb__label[data-v-c8cdd963]{font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.drb__dash[data-v-c8cdd963]{font-family:var(--font-thai);color:var(--text-tertiary)}.drb__presets[data-v-c8cdd963]{display:flex;flex-wrap:wrap;gap:6px}.drb__preset[data-v-c8cdd963]{height:32px;padding:0 12px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--neutral-0);font-family:var(--font-thai);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.drb__preset.is-active[data-v-c8cdd963]{border-color:var(--border-brand);background:var(--surface-brand-tint);color:var(--text-primary)}.drb__preset[data-v-c8cdd963]:not(.is-active):hover:not(:disabled){border-color:var(--border-brand);color:var(--text-primary)}.drb__preset[data-v-c8cdd963]:disabled{opacity:.5;cursor:not-allowed}.drb__search[data-v-c8cdd963]{flex:1;min-width:180px}.drb__actions[data-v-c8cdd963]{display:flex;align-items:center;gap:var(--spacing-3)}.drb__search+.drb__actions[data-v-c8cdd963]{margin-left:auto}.ov[data-v-77e5e4fb]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);background:var(--layout-overlay);z-index:var(--z-modal)}.md[data-v-77e5e4fb]{display:flex;flex-direction:column;max-width:100%;max-height:90vh;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.md__head[data-v-77e5e4fb]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);flex-shrink:0;padding:18px 22px var(--spacing-5);border-bottom:1px solid var(--border-secondary)}.md__headleft[data-v-77e5e4fb]{display:flex;align-items:center;gap:var(--spacing-4);min-width:0}.md__tile[data-v-77e5e4fb]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-h5-size);font-weight:700;color:var(--neutral-800)}.md__titles[data-v-77e5e4fb]{min-width:0}.md__title[data-v-77e5e4fb]{font-family:var(--font-thai);font-size:var(--text-lg);font-weight:700;line-height:1.3}.md__sub[data-v-77e5e4fb]{margin-top:1px;font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-secondary)}.md__headright[data-v-77e5e4fb]{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.md__x[data-v-77e5e4fb]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-0);cursor:pointer}.md__x[data-v-77e5e4fb]:hover{background:var(--neutral-100)}.md__body[data-v-77e5e4fb]{flex:1;padding:18px 22px;overflow-y:auto}.md__foot[data-v-77e5e4fb]{display:flex;gap:10px;flex-shrink:0;padding:14px 22px;border-top:1px solid var(--border-secondary)}.md__foot--stack[data-v-77e5e4fb]{flex-direction:column}.sel[data-v-78fdec77]{position:relative;display:inline-block}.sel__trigger[data-v-78fdec77]{display:inline-flex;align-items:center;gap:var(--spacing-3);width:100%;height:40px;padding:0 var(--spacing-4);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-0);font-family:var(--font-thai);white-space:nowrap;cursor:pointer}.sel__trigger[data-v-78fdec77]:disabled{opacity:.4;cursor:not-allowed}.sel__trigger[data-v-78fdec77]:focus-visible,.sel__trigger.is-open[data-v-78fdec77]{border-color:var(--border-brand);outline:none}.sel__trigger.is-error[data-v-78fdec77]{border-color:var(--border-danger)}.sel__msg[data-v-78fdec77]{display:block;margin-top:var(--spacing-1);font-family:var(--font-thai);font-size:var(--text-2xs);color:var(--text-danger);white-space:normal}.sel__label[data-v-78fdec77]{flex-shrink:0;font-size:var(--text-sm);color:var(--text-tertiary)}.sel__label[data-v-78fdec77]:after{content:":"}.sel__value[data-v-78fdec77]{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.sel__value.is-placeholder[data-v-78fdec77]{font-weight:400;color:var(--text-tertiary)}.sel__panel[data-v-78fdec77]{position:fixed;display:flex;flex-direction:column;padding:var(--spacing-2);background:var(--surface-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-popover)}.sel__searchwrap[data-v-78fdec77]{display:flex;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-3);margin-bottom:var(--spacing-2);height:34px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-50)}.sel__search[data-v-78fdec77]{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-primary)}.sel__list[data-v-78fdec77]{flex:1;min-height:0;max-height:260px;margin:0;padding:0;overflow-y:auto;list-style:none}.sel__opt[data-v-78fdec77]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 10px;border-radius:var(--radius-sm);font-family:var(--font-thai);font-size:var(--text-base);color:var(--text-primary);cursor:pointer}.sel__opt.is-selected[data-v-78fdec77]{color:var(--text-brand);font-weight:600}.sel__opt.is-active[data-v-78fdec77]{background:var(--neutral-100)}.sel__opt.is-disabled[data-v-78fdec77]{color:var(--text-tertiary);cursor:not-allowed}.sel__opttext[data-v-78fdec77]{flex:1;min-width:0}.sel__empty[data-v-78fdec77]{padding:10px;font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.empty[data-v-70172ae6]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) var(--spacing-6);background:var(--surface-card);border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);text-align:center}.empty.is-bare[data-v-70172ae6]{padding:var(--spacing-7) var(--spacing-5);background:transparent;border:none}.empty__tile[data-v-70172ae6]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-primary)}.empty__title[data-v-70172ae6]{font-family:var(--font-thai);font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.empty__desc[data-v-70172ae6]{max-width:44ch;margin:0;font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-secondary)}.empty__actions[data-v-70172ae6]{display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center}.ibtn[data-v-3adcdf31]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-0);cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.ibtn[data-v-3adcdf31]:hover:not(:disabled){background:var(--neutral-100)}.ibtn.is-danger[data-v-3adcdf31]:hover:not(:disabled){border-color:var(--border-danger)}.ibtn[data-v-3adcdf31]:disabled{opacity:.4;cursor:not-allowed}.pdf[data-v-0fc0ab19]{display:flex;flex-direction:column;gap:var(--spacing-4);min-height:0}.pdf__bar[data-v-0fc0ab19]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap}.pdf__title[data-v-0fc0ab19]{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf__actions[data-v-0fc0ab19]{display:flex;gap:var(--spacing-2);flex-shrink:0}.pdf__frame[data-v-0fc0ab19]{flex:1;min-height:320px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-secondary);overflow:hidden}.pdf__frame iframe[data-v-0fc0ab19]{width:100%;height:100%;min-height:320px;border:none;display:block}.pdf__loading[data-v-0fc0ab19]{display:flex;align-items:center;justify-content:center;height:100%;min-height:320px;font-size:var(--text-sm);color:var(--text-tertiary)}.photo-upload[data-v-3d0386d5]{display:flex;align-items:center;gap:var(--spacing-4)}.photo-upload__input[data-v-3d0386d5]{display:none}.photo-upload__frame[data-v-3d0386d5]{position:relative;flex-shrink:0}.photo-upload__pick[data-v-3d0386d5]{display:block;width:100%;height:100%;padding:0;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;overflow:hidden}.photo-upload__pick[data-v-3d0386d5]:disabled{cursor:not-allowed;opacity:.6}.photo-upload__img[data-v-3d0386d5]{display:block;width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-secondary)}.photo-upload__camera[data-v-3d0386d5]{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:2.5px solid var(--surface-card);border-radius:var(--radius-full);background:var(--neutral-800);box-shadow:var(--shadow-sm);cursor:pointer}.photo-upload__camera[data-v-3d0386d5]:disabled{cursor:not-allowed;opacity:.6}.photo-upload__clear[data-v-3d0386d5]{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:none;background:transparent;font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer}.photo-upload__clear[data-v-3d0386d5]:disabled{cursor:not-allowed;opacity:.6}.pager[data-v-d33d56aa]{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;width:100%}.pager__size[data-v-d33d56aa]{display:flex;align-items:center;gap:var(--spacing-3);font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-secondary)}.pager__range[data-v-d33d56aa]{font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.pager__nav[data-v-d33d56aa]{display:flex;align-items:center;gap:var(--spacing-2)}.pager--compact[data-v-d33d56aa]{justify-content:space-between;gap:var(--spacing-3)}.pager--compact .pager__range[data-v-d33d56aa]{flex:1;text-align:center}.sf[data-v-f9a022e4]{position:relative;max-width:100%}.sf__icon[data-v-f9a022e4]{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);display:flex;pointer-events:none}.sf__input[data-v-f9a022e4]{width:100%;height:40px;padding:0 var(--spacing-4) 0 36px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--neutral-50);font-family:var(--font-thai);font-size:var(--text-base);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.sf__input[data-v-f9a022e4]:focus{border-color:var(--text-primary)}.sf__input[data-v-f9a022e4]::placeholder{color:var(--text-tertiary)}.sf__input[data-v-f9a022e4]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.stats[data-v-236b2310]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat[data-v-236b2310]{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--surface-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease)}.stat.is-alert[data-v-236b2310]{border-color:var(--border-danger)}.stat.is-clickable[data-v-236b2310]{cursor:pointer}.stat.is-clickable[data-v-236b2310]:hover{border-color:var(--border-brand)}.stat__top[data-v-236b2310]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.stat__label[data-v-236b2310]{font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-secondary)}.stat__tile[data-v-236b2310]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-md);background:var(--surface-primary)}.stat__valrow[data-v-236b2310]{display:flex;align-items:baseline;gap:7px}.stat__value[data-v-236b2310]{font-family:var(--font-display);font-size:var(--text-h3-size);font-weight:700;line-height:1;letter-spacing:-.02em}.stat__unit[data-v-236b2310]{font-family:var(--font-thai);font-size:var(--text-sm);color:var(--text-tertiary)}.stat__sub[data-v-236b2310]{font-family:var(--font-thai);font-size:var(--text-xs);color:var(--text-tertiary)}.tone-good[data-v-236b2310]{color:var(--green-dark-400)}.tone-warn[data-v-236b2310]{color:var(--text-brand)}.tone-danger[data-v-236b2310]{color:var(--icon-danger)}.tone-info[data-v-236b2310]{color:var(--blue-300)}.tone-neutral[data-v-236b2310]{color:var(--icon-secondary)}.switch[data-v-c574f70b]{position:relative;flex-shrink:0;width:40px;height:22px;padding:2px;border:none;border-radius:var(--radius-full);background:var(--neutral-300);cursor:pointer;transition:background var(--duration-fast) var(--ease)}.switch.is-on[data-v-c574f70b]{background:var(--gold-300)}.switch[data-v-c574f70b]:disabled{opacity:.6;cursor:not-allowed}.switch__knob[data-v-c574f70b]{display:block;width:18px;height:18px;border-radius:var(--radius-full);background:var(--neutral-0);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease)}.switch.is-on .switch__knob[data-v-c574f70b]{transform:translate(18px)}.bnav[data-v-c5b05026]{display:flex;align-items:stretch;height:calc(var(--layout-bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-card);border-top:1px solid var(--border-secondary);box-shadow:var(--shadow-up)}.bnav__item[data-v-c5b05026]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);flex:1;min-width:0;padding:var(--spacing-3) 0;border:none;background:transparent;font-family:var(--font-thai);color:var(--text-tertiary);cursor:pointer;min-height:44px}.bnav__item.is-active[data-v-c5b05026]{color:var(--text-primary)}.bnav__item.is-disabled[data-v-c5b05026]{opacity:.5;cursor:not-allowed}.bnav__iconwrap[data-v-c5b05026]{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease),width var(--duration-fast) var(--ease),height var(--duration-fast) var(--ease)}.bnav__item.is-active .bnav__iconwrap[data-v-c5b05026]{width:36px;height:36px;background:var(--surface-inverse)}.bnav__badge[data-v-c5b05026]{position:absolute;top:-6px;left:58%;min-width:18px;padding:0 var(--spacing-2);border-radius:var(--radius-full);background:var(--red-200);font-family:var(--font-body);font-size:var(--text-2xs);font-weight:700;line-height:18px;text-align:center;color:var(--neutral-0)}.bnav__label[data-v-c5b05026]{margin-top:1px;font-size:var(--text-2xs);font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bnav__item.is-active .bnav__label[data-v-c5b05026]{font-weight:600}.bsov[data-v-f2b2f728]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;z-index:var(--z-modal)}.bsov__scrim[data-v-f2b2f728]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--layout-overlay)}.bs[data-v-f2b2f728]{position:relative;display:flex;flex-direction:column;width:100%;margin:0 auto;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:var(--surface-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg)}@media(min-width:769px){.bs[data-v-f2b2f728]{max-width:var(--layout-app-max)}}.bs--dragging[data-v-f2b2f728]{-webkit-user-select:none;user-select:none;will-change:transform}.bs__dragarea[data-v-f2b2f728]{flex-shrink:0}.bs--draggable .bs__dragarea[data-v-f2b2f728]{cursor:grab;touch-action:none}.bs--draggable.bs--dragging .bs__dragarea[data-v-f2b2f728]{cursor:grabbing}.bs__grip[data-v-f2b2f728]{width:40px;height:4px;margin:var(--spacing-3) auto var(--spacing-1);flex-shrink:0;border-radius:var(--radius-full);background:var(--neutral-300)}.bs__head[data-v-f2b2f728]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-shrink:0;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-secondary)}.bs__title[data-v-f2b2f728]{font-family:var(--font-thai);font-size:var(--text-lg);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs__headright[data-v-f2b2f728]{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.bs__x[data-v-f2b2f728]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:var(--neutral-100);cursor:pointer}.bs__body[data-v-f2b2f728]{flex:1;min-height:0;padding:var(--spacing-5);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bs__foot[data-v-f2b2f728]{display:flex;gap:var(--spacing-3);flex-shrink:0;padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-secondary)}@media(prefers-reduced-motion:reduce){.bs[data-v-f2b2f728],.bsov__scrim[data-v-f2b2f728]{transition:none!important}}.chip[data-v-832b9739]{display:inline-flex;align-items:center;height:32px;padding:0 var(--spacing-4);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--neutral-0);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.chip.is-selected[data-v-832b9739]{background:var(--surface-brand-tint);border-color:var(--border-brand)}.chip--solid[data-v-832b9739]{padding:0 var(--spacing-5);border-color:var(--border-secondary);background:var(--surface-card)}.chip--solid.is-selected[data-v-832b9739]{border-color:var(--button-primary);background:var(--button-primary)}.chip.is-disabled[data-v-832b9739]{opacity:.4}.chip__main[data-v-832b9739]{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;font-family:var(--font-thai);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;cursor:pointer}.chip.is-selected .chip__main[data-v-832b9739]{font-weight:600;color:var(--text-brand)}.chip--solid .chip__main[data-v-832b9739]{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary)}.chip--solid.is-selected .chip__main[data-v-832b9739]{color:var(--button-primary-fg)}.chip__main[data-v-832b9739]:disabled{cursor:not-allowed}.chip__x[data-v-832b9739]{display:inline-flex;align-items:center;margin-left:var(--spacing-2);padding:0;border:none;background:none;cursor:pointer;opacity:.7}.chip__x[data-v-832b9739]:hover{opacity:1}.cal[data-v-4ff590f0]{display:flex;flex-direction:column;gap:var(--spacing-3)}.cal__head[data-v-4ff590f0]{display:flex;align-items:center;justify-content:space-between}.cal__title[data-v-4ff590f0]{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.cal__nav[data-v-4ff590f0]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--icon-primary);cursor:pointer}.cal__dow[data-v-4ff590f0],.cal__grid[data-v-4ff590f0]{display:grid;grid-template-columns:repeat(7,1fr)}.cal__dow[data-v-4ff590f0]{gap:var(--spacing-1);text-align:center;font-size:var(--text-2xs);font-weight:600;color:var(--text-tertiary)}.cal__grid[data-v-4ff590f0]{gap:var(--spacing-1)}.cal__cell[data-v-4ff590f0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:40px;border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-thai);color:var(--text-primary);cursor:default}.cal__cell.has-mark[data-v-4ff590f0]{background:var(--surface-brand-tint);cursor:pointer}.cal__cell.is-today[data-v-4ff590f0]{background:var(--neutral-900);color:var(--neutral-0)}.cal__cell.is-empty[data-v-4ff590f0]{visibility:hidden}.cal__day[data-v-4ff590f0]{font-size:var(--text-sm);font-weight:500;line-height:1}.cal__cell.has-mark .cal__day[data-v-4ff590f0],.cal__cell.is-today .cal__day[data-v-4ff590f0]{font-weight:700}.cal__dot[data-v-4ff590f0]{width:5px;height:5px;border-radius:var(--radius-full);background:var(--gold-300)}.cal__cell.is-today .cal__dot[data-v-4ff590f0]{background:var(--gold-200)}.qr[data-v-e4a7537b]{display:block;max-width:100%;height:auto;border-radius:var(--radius-md)}.scan[data-v-ca337f0c]{display:flex;flex-direction:column;gap:var(--spacing-4)}.scan__frame[data-v-ca337f0c]{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg);background:var(--neutral-900)}.scan__video[data-v-ca337f0c]{width:100%;height:100%;object-fit:cover;display:block}.scan__reticle[data-v-ca337f0c]{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid var(--gold-200);border-radius:var(--radius-md)}.scan__buffer[data-v-ca337f0c]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.scan__error[data-v-ca337f0c]{padding:var(--spacing-5);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-secondary);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.seg[data-v-f8586556]{display:flex;gap:var(--spacing-1);width:100%;padding:var(--spacing-2);border-radius:var(--radius-md);background:var(--neutral-100)}.seg__btn[data-v-f8586556]{flex:1;min-width:0;height:40px;padding:0 var(--spacing-3);border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-thai);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.seg--sm[data-v-f8586556]{padding:var(--spacing-1)}.seg--sm .seg__btn[data-v-f8586556]{height:32px;padding:0 var(--spacing-2);font-size:var(--text-2xs)}.seg__btn.is-active[data-v-f8586556]{background:var(--neutral-0);box-shadow:var(--shadow-sm);font-weight:600;color:var(--text-primary)}.topbar[data-v-88e19780]{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--spacing-3);height:calc(var(--layout-topbar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--layout-app-gutter) 0;background:var(--surface-primary)}.topbar--desc[data-v-88e19780]{height:calc(var(--layout-topbar-height-desc) + env(safe-area-inset-top))}.topbar__back[data-v-88e19780]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:var(--surface-card);color:var(--icon-primary);cursor:pointer}.topbar__heading[data-v-88e19780]{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.topbar__title[data-v-88e19780]{margin:0;overflow:hidden;font-family:var(--font-display);font-size:var(--text-h4-size);font-weight:700;line-height:1.25;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.topbar__desc[data-v-88e19780]{margin:0;overflow:hidden;font-size:var(--text-xs);line-height:1.3;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.topbar__action[data-v-88e19780]{flex-shrink:0}.topbar__action[data-v-88e19780]:empty{display:none}.topbar__bell[data-v-88e19780]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:var(--surface-card);color:var(--icon-primary);cursor:pointer}.topbar__bell-dot[data-v-88e19780]{position:absolute;top:-4px;right:-4px;min-width:18px;padding:0 var(--spacing-2);border:2px solid var(--surface-primary);border-radius:var(--radius-full);background:var(--red-200);font-family:var(--font-body);font-size:var(--text-2xs);font-weight:700;line-height:16px;text-align:center;color:var(--neutral-0)}.topbar--card[data-v-88e19780]{background:var(--surface-card);border-bottom:1px solid var(--border-secondary)}.topbar--card .topbar__back[data-v-88e19780]{width:34px;height:34px;background:var(--neutral-50)}.topbar--card .topbar__title[data-v-88e19780]{font-size:var(--text-lg)}.off[data-v-05891ccb]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-7);background:var(--surface-primary)}