@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) 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-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size: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}}}:root{--mala-crimson:#741624;--mala-crimson-dark:#4a0d17;--mala-crimson-deep:#31090f;--mala-crimson-soft:#9a3b4a;--mala-gold:#c7a45b;--mala-gold-soft:#e6d6ad;--mala-paper:#fffdf9;--mala-paper-soft:#f8f3eb;--mala-surface:#fff;--mala-surface-muted:#f3eee6;--mala-text:#2c2422;--mala-text-muted:#756a65;--mala-text-soft:#968d88;--mala-success:#2f7d52;--mala-warning:#b98520;--mala-danger:#a52b35;--mala-info:#456e93;--mala-border:#e5ddd3;--mala-border-strong:#cfc2b6;--mala-radius-xs:8px;--mala-radius-sm:12px;--mala-radius-md:16px;--mala-radius-lg:22px;--mala-radius-pill:999px;--mala-shadow-sm:0 2px 8px #31090f0f;--mala-shadow-md:0 8px 24px #31090f1a;--mala-shadow-lg:0 16px 40px #31090f24;--mala-space-1:4px;--mala-space-2:8px;--mala-space-3:12px;--mala-space-4:16px;--mala-space-5:20px;--mala-space-6:24px;--mala-space-8:32px;--mala-space-10:40px;--mala-space-12:48px;--mala-font-ui:var(--font-noto-sans-thai), "Noto Sans Thai", system-ui, sans-serif;--mala-text-xs:11px;--mala-text-sm:13px;--mala-text-md:14px;--mala-text-lg:16px;--mala-text-xl:20px;--mala-text-2xl:24px;--mala-text-3xl:30px}html,body{background:var(--mala-paper);color:var(--mala-text)}html[data-nav-theme=paper]{--ui-bg:var(--mala-paper);--ui-surface:var(--mala-surface);--ui-surface-muted:var(--mala-paper-soft);--ui-text:var(--mala-text);--ui-text-muted:var(--mala-text-muted);--ui-primary:var(--mala-crimson);--ui-primary-dark:var(--mala-crimson-dark);--ui-accent:var(--mala-gold);--ui-border:var(--mala-border);--ui-border-strong:var(--mala-border-strong);--ui-nav-bg:#fff;--ui-nav-active:var(--mala-crimson)}html[data-nav-theme=crimson]{--ui-bg:var(--mala-crimson-deep);--ui-surface:var(--mala-crimson-dark);--ui-surface-muted:#5b111d;--ui-text:#fffaf6;--ui-text-muted:#eadbd4;--ui-primary:var(--mala-gold);--ui-primary-dark:#a98746;--ui-accent:var(--mala-gold);--ui-border:#ffffff24;--ui-border-strong:#ffffff3d;--ui-nav-bg:var(--mala-crimson-dark);--ui-nav-active:var(--mala-gold)}html[data-nav-theme=paper] body,html[data-nav-theme=crimson] body{background:var(--ui-bg);color:var(--ui-text)}.mala-app-header{z-index:80;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);width:100%;color:var(--ui-text);position:relative}.mala-app-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(100% - 32px,1440px);min-height:72px;margin:0 auto;display:flex}.mala-app-header-brand{align-items:center;gap:12px;min-width:0;display:flex}.mala-app-header-mark{background:var(--mala-crimson);width:42px;height:42px;box-shadow:var(--mala-shadow-sm);border-radius:50%;flex:0 0 42px;overflow:hidden}.mala-app-header-mark img{object-fit:cover;width:100%;height:100%;display:block}.mala-app-header-brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.mala-app-header-brand-text strong{letter-spacing:.04em;color:var(--ui-primary);font-size:14px;font-weight:800}.mala-app-header-brand-text span{letter-spacing:.14em;color:var(--ui-text-muted);margin-top:3px;font-size:10px;font-weight:700}.mala-app-header-actions{flex:none;align-items:center;gap:10px;display:flex}.mala-app-header-skeleton{border-radius:var(--mala-radius-pill);background:linear-gradient(90deg, var(--ui-surface-muted), var(--ui-border), var(--ui-surface-muted));background-size:200% 100%;width:150px;height:42px;animation:1.4s ease-in-out infinite mala-ui-shimmer}@keyframes mala-ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.mala-app-header-inner{gap:12px;width:min(100% - 20px,1440px);min-height:64px}.mala-app-header-brand-text{display:none}.mala-app-header-mark{flex-basis:40px;width:40px;height:40px}}.mala-global-back-button{border:1px solid var(--ui-border);border-radius:var(--mala-radius-pill);background:var(--ui-surface);min-height:40px;color:var(--ui-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.mala-global-back-button:hover{background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}.mala-global-back-button:active{transform:translateY(1px)}.mala-global-back-button>span:first-child{font-size:18px;line-height:1}@media (max-width:640px){.mala-global-back-button{min-height:38px;padding:0 12px}.mala-global-back-button>span:last-child{display:none}}.user-profile-menu{flex:none;position:relative}.user-profile-trigger{border:1px solid var(--ui-border);border-radius:var(--mala-radius-pill);background:var(--ui-surface);min-height:46px;color:var(--ui-text);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:5px 8px 5px 6px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.user-profile-trigger:hover{background:var(--ui-surface-muted);border-color:var(--ui-border-strong);box-shadow:var(--mala-shadow-sm)}.user-profile-trigger:active{transform:translateY(1px)}.user-profile-avatar{background:linear-gradient(135deg, var(--mala-crimson), var(--mala-crimson-soft));color:#fff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:inline-flex;overflow:hidden}.user-profile-summary{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.user-profile-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--ui-text);font-size:13px;font-weight:800;overflow:hidden}.user-profile-summary>span{color:var(--ui-text-muted);margin-top:1px;font-size:11px;font-weight:600}.user-profile-chevron{color:var(--ui-text-muted);justify-content:center;align-items:center;transition:transform .18s,color .18s;display:inline-flex}.user-profile-chevron.is-open{color:var(--ui-primary);transform:rotate(180deg)}.user-profile-avatar-large{flex-basis:48px;width:48px;height:48px;font-size:17px}.mala-profile-panel{z-index:300;border:1px solid var(--ui-border);background:var(--ui-surface);width:min(390px,100vw - 20px);max-height:min(720px,100vh - 110px);color:var(--ui-text);box-shadow:var(--mala-shadow-lg);border-radius:22px;padding:14px;animation:.16s ease-out mala-profile-pop;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}@keyframes mala-profile-pop{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.mala-profile-header{align-items:center;gap:12px;padding:6px 6px 12px;display:flex}.mala-profile-header>div{flex-direction:column;min-width:0;display:flex}.mala-profile-header strong{font-size:15px;font-weight:800}.mala-profile-header span{color:var(--ui-text-muted);margin-top:2px;font-size:11px;font-weight:600}.mala-profile-divider{background:var(--ui-border);height:1px;margin:10px 2px}.mala-profile-section{padding:0 2px}.mala-profile-section-title{letter-spacing:.03em;color:var(--ui-text-muted);padding:4px 8px 8px;font-size:11px;font-weight:800}.mala-profile-list{flex-direction:column;gap:4px;display:flex}.mala-profile-item{width:100%;min-height:58px;color:var(--ui-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:15px;align-items:center;gap:11px;padding:9px 10px;transition:background-color .16s,transform .16s,color .16s;display:flex}.mala-profile-item:hover:not(:disabled){background:var(--ui-surface-muted)}.mala-profile-item:active:not(:disabled){transform:translateY(1px)}.mala-profile-item.is-disabled{opacity:.62;cursor:default}.mala-profile-icon{border:1px solid var(--ui-border);background:var(--ui-surface-muted);width:38px;height:38px;color:var(--ui-primary);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.mala-profile-item-content{flex-direction:column;flex:1;min-width:0;display:flex}.mala-profile-item-content strong{font-size:13px;font-weight:750;line-height:1.35}.mala-profile-item-content small{color:var(--ui-text-muted);margin-top:2px;font-size:11px;line-height:1.35}.mala-profile-item-content em{color:var(--mala-danger);margin-top:4px;font-size:10px;font-style:normal;line-height:1.35}.mala-profile-arrow{color:var(--ui-text-soft,var(--ui-text-muted));justify-content:center;align-items:center;display:inline-flex}.mala-profile-logout{width:100%;min-height:52px;color:var(--mala-danger);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:15px;align-items:center;gap:11px;padding:8px 10px;font-size:13px;font-weight:800;transition:background-color .16s,transform .16s;display:flex}.mala-profile-logout:hover{background:var(--mala-danger)}@supports (color:color-mix(in lab, red, red)){.mala-profile-logout:hover{background:color-mix(in srgb, var(--mala-danger) 8%, transparent)}}.mala-profile-logout:active{transform:translateY(1px)}@media (max-width:640px){.user-profile-summary{display:none}.user-profile-trigger{min-height:42px;padding-right:5px}.mala-profile-panel{width:min(390px,100vw - 20px);max-height:calc(100vh - 100px);position:fixed;top:auto;bottom:78px;right:10px}}.mala-summary-page{background:var(--ui-bg);min-height:100%;color:var(--ui-text)}.mala-summary-container{width:min(100% - 32px,1200px);margin:0 auto;padding:28px 0 120px}.mala-summary-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.mala-summary-eyebrow{color:var(--ui-primary);letter-spacing:.12em;margin:0 0 5px;font-size:11px;font-weight:800}.mala-summary-header h1{margin:0;font-size:clamp(26px,4vw,38px);font-weight:850}.mala-summary-header p:last-child{color:var(--ui-text-muted);margin:6px 0 0;font-size:13px}.mala-summary-range{border:1px solid var(--ui-border);border-radius:var(--mala-radius-pill);background:var(--ui-surface);gap:4px;padding:4px;display:inline-flex}.mala-summary-range button{border-radius:var(--mala-radius-pill);min-height:38px;color:var(--ui-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:12px;font-weight:800}.mala-summary-range button.is-active{background:var(--ui-primary);color:#fff}.mala-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.mala-summary-cards article,.mala-summary-chart-card,.mala-summary-detail-card{border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--mala-shadow-sm);border-radius:20px}.mala-summary-cards article{padding:18px}.mala-summary-cards span{color:var(--ui-text-muted);font-size:12px;font-weight:700;display:block}.mala-summary-cards strong{color:var(--ui-primary);margin-top:8px;font-size:28px;font-weight:850;display:block}.mala-summary-chart-card,.mala-summary-detail-card{margin-bottom:16px;padding:20px}.mala-summary-section-heading{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.mala-summary-section-heading h2{margin:0;font-size:16px;font-weight:850}.mala-summary-section-heading span{color:var(--ui-text-muted);margin-top:4px;font-size:11px;display:block}.mala-summary-empty{min-height:180px;color:var(--ui-text-muted);place-items:center;font-size:13px;display:grid}.mala-summary-bars{flex-direction:column;gap:16px;display:flex}.mala-summary-bar-label{justify-content:space-between;gap:12px;margin-bottom:7px;display:flex}.mala-summary-bar-label strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.mala-summary-bar-label span{color:var(--ui-text-muted);flex:none;font-size:11px}.mala-summary-bar-track{background:var(--ui-surface-muted);border-radius:999px;height:9px;overflow:hidden}.mala-summary-bar-fill{border-radius:inherit;background:var(--ui-primary);height:100%}.mala-summary-table-wrapper{overflow-x:auto}.mala-summary-table{border-collapse:collapse;width:100%;font-size:12px}.mala-summary-table th{border-bottom:1px solid var(--ui-border);color:var(--ui-text-muted);text-align:left;padding:10px 8px;font-size:10px;font-weight:800}.mala-summary-table td{border-bottom:1px solid var(--ui-border);vertical-align:middle;padding:13px 8px}.mala-summary-type{background:var(--ui-surface-muted);border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.mala-summary-type.is-out{color:var(--mala-danger)}.mala-summary-type.is-in{color:var(--mala-success)}.mala-summary-type.is-adjustment{color:var(--mala-warning)}.mala-summary-error{border:1px solid var(--mala-danger);margin-bottom:16px;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.mala-summary-error{border:1px solid color-mix(in srgb, var(--mala-danger) 25%, var(--ui-border))}}.mala-summary-error{background:var(--mala-danger);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.mala-summary-error{background:color-mix(in srgb, var(--mala-danger) 7%, var(--ui-surface))}}.mala-summary-error{color:var(--mala-danger);font-size:12px;font-weight:700}@media (max-width:760px){.mala-summary-container{width:min(100% - 20px,1200px);padding-top:20px}.mala-summary-header{flex-direction:column;align-items:flex-start}.mala-summary-range{width:100%}.mala-summary-range button{flex:1}.mala-summary-cards{grid-template-columns:1fr}.mala-summary-chart-card,.mala-summary-detail-card{padding:15px}}html[data-nav-theme=crimson] .mala-app-header{background:linear-gradient(180deg, var(--mala-crimson-dark), var(--mala-crimson-deep));color:#fffaf6}html[data-nav-theme=crimson] .mala-app-header-brand-text strong{color:var(--mala-gold)}html[data-nav-theme=crimson] .mala-app-header-brand-text span{color:var(--mala-gold-soft)}html[data-nav-theme=crimson] .nav-theme-switch-compact{border-color:var(--mala-gold);background:0 0}html[data-nav-theme=crimson] .nav-theme-switch-compact-track{background:var(--mala-crimson-deep);border-color:var(--mala-gold)}html[data-nav-theme=crimson] .nav-theme-switch-compact-thumb{background:var(--mala-gold);color:var(--mala-crimson-deep)}html[data-nav-theme=crimson] .user-profile-trigger{background:var(--mala-crimson-dark);color:#fffaf6;border-color:#e6d6ad6b}html[data-nav-theme=crimson] .user-profile-trigger:hover{background:var(--mala-crimson);border-color:var(--mala-gold)}html[data-nav-theme=crimson] .user-profile-summary strong{color:#fffaf6}html[data-nav-theme=crimson] .user-profile-summary span{color:var(--mala-gold-soft)}html[data-nav-theme=crimson] .user-profile-chevron{color:var(--mala-gold)}html[data-nav-theme=crimson] .user-profile-avatar{background:var(--mala-crimson-deep);color:var(--mala-gold);border-color:#e6d6adb8}html[data-nav-theme=crimson] .user-profile-menu-panel{background:var(--mala-crimson-dark);color:#fffaf6;border-color:#e6d6ad52}html[data-nav-theme=crimson] .user-profile-menu-header{color:#fffaf6}html[data-nav-theme=crimson] .user-profile-menu-divider{background:#e6d6ad2e}html[data-nav-theme=crimson] .user-profile-menu-item{color:#fffaf6}html[data-nav-theme=crimson] .user-profile-menu-item:hover{background:#c7a45b1f}html[data-nav-theme=crimson] .user-profile-menu-item small{color:var(--mala-gold-soft)}.mala-app-header,.mobile-bottom-nav,.profile-advance-page,.profile-advance-page *,.desktop-sidebar{font-family:var(--font-noto-sans-thai), "Noto Sans Thai", sans-serif!important}html[data-nav-theme=crimson] .mala-app-header{color:#fff8ed!important;background:linear-gradient(#5f0715 0%,#420810 100%)!important;border-bottom:none!important}html[data-nav-theme=crimson] .mala-app-header-inner{background:0 0!important}html[data-nav-theme=crimson] .mala-global-back-button{color:#fff8ed!important;background:#31090f8c!important;border-color:#e4cb8b8c!important}html[data-nav-theme=crimson] .mala-global-back-button:hover{border-color:var(--mala-gold-light)!important;background:#c7a45b1f!important}html[data-nav-theme=paper] .mala-app-header{border-bottom:1px solid var(--mala-border)!important;background:linear-gradient(#fffdf8 0%,#f7eee1 100%)!important}@media (max-width:1023px){html .mobile-bottom-nav{z-index:9999!important;pointer-events:none!important;background:0 0!important;width:100%!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}html .mobile-bottom-nav-inner{width:100%!important;max-width:none!important;min-height:72px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;background:var(--nav-surface)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:auto!important;border:0!important;border-top:1.5px solid #e4cb8bc7!important;border-radius:0!important;align-items:end!important;gap:0!important;margin:0!important;display:grid!important;position:relative!important;box-shadow:0 -4px 20px #31090f38,inset 0 1px #ffffff1f!important}html .mobile-bottom-nav-five .mobile-bottom-nav-inner{grid-template-columns:repeat(5,minmax(0,1fr))!important}html .mobile-bottom-nav-four .mobile-bottom-nav-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important}html .mobile-bottom-nav-item{z-index:3!important;min-width:0!important;min-height:56px!important;color:var(--nav-fg)!important;font-family:var(--font-noto-sans-thai), "Noto Sans Thai", sans-serif!important;background:0 0!important;border:0!important;border-radius:20px!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;padding:7px 2px 2px!important;text-decoration:none!important;transition:color .16s,transform .16s!important;display:flex!important;position:relative!important}html .mobile-bottom-nav-item:active{transform:scale(.97)!important}html .mobile-bottom-nav-icon{color:currentColor!important;justify-content:center!important;align-items:center!important;width:30px!important;height:28px!important;display:flex!important}html .mobile-bottom-nav-label{white-space:nowrap!important;text-overflow:ellipsis!important;color:currentColor!important;text-align:center!important;max-width:100%!important;margin-top:3px!important;font-size:11px!important;font-weight:650!important;line-height:1.15!important;display:block!important;overflow:hidden!important}html .mobile-bottom-nav-item.is-active{color:var(--nav-active)!important;background:0 0!important}html .mobile-bottom-nav-item.is-active .mobile-bottom-nav-icon{color:var(--nav-active-icon)!important}html .mobile-bottom-nav-item.is-active .mobile-bottom-nav-label{font-weight:800!important}html .mobile-bottom-nav-mascot-slot{z-index:8!important;min-width:0!important;min-height:94px!important;color:var(--nav-active)!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;padding:0 0 1px!important;text-decoration:none!important;display:flex!important;position:relative!important}html .mobile-bottom-nav-mascot{pointer-events:none!important;width:88px!important;height:88px!important;display:block!important;position:absolute!important;top:-52px!important;left:50%!important;transform:translate(-50%)!important}html .mobile-bottom-nav-mascot-ring,html .mobile-bottom-nav-four-mascot .mobile-bottom-nav-mascot-ring{border:2px solid var(--mala-gold-light)!important;background:radial-gradient(circle at 50% 35%, #fff3, transparent 58%), var(--mala-crimson-deep)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important;box-shadow:0 5px 16px #31090f57,0 0 0 5px #ffffff14!important}html .mobile-bottom-nav-mascot-ring img,html .mobile-bottom-nav-four-mascot .mobile-bottom-nav-mascot-ring img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important}html .mobile-bottom-nav-mascot-label{z-index:10!important;color:var(--nav-active)!important;letter-spacing:.04em!important;border-radius:999px!important;margin-top:auto!important;padding:2px 12px 4px!important;font-size:10px!important;font-weight:850!important;line-height:1!important;position:relative!important}html .mobile-bottom-nav-mascot-cloud{opacity:.92!important;background:#fff8edeb!important;border-radius:999px!important;width:24px!important;height:14px!important;position:absolute!important;bottom:-4px!important;box-shadow:7px 0 #fff8edeb,14px 0 #fff8edeb!important}html .mobile-bottom-nav-mascot-cloud-left{left:5px!important}html .mobile-bottom-nav-mascot-cloud-right{right:5px!important}html .mobile-bottom-nav-four-mascot{z-index:7!important;pointer-events:none!important;width:72px!important;height:72px!important;position:absolute!important;top:-68px!important;left:50%!important;transform:translate(-50%)!important}html .mobile-bottom-nav-four-mascot .mobile-bottom-nav-mascot-ring{width:72px!important;height:72px!important}html .mobile-bottom-nav-loading{overflow:hidden!important}html .mobile-bottom-nav-item-skeleton .mobile-bottom-nav-skeleton-icon{background:#ffffff2e!important;border-radius:10px!important;width:24px!important;height:24px!important}html .mobile-bottom-nav-item-skeleton .mobile-bottom-nav-skeleton-label{background:#ffffff1f!important;border-radius:99px!important;width:36px!important;height:8px!important;margin-top:5px!important}html .mobile-bottom-nav-more-panel,html .mobile-bottom-nav-more,html .mobile-bottom-nav-choices,html .mobile-bottom-nav-fab-wrap{display:none!important}}.profile-advance-page{min-height:100vh;padding:24px 16px calc(110px + env(safe-area-inset-bottom,0px));background:var(--ui-bg);color:var(--ui-text)}.profile-advance-container{width:min(100%,760px);margin:0 auto}.profile-advance-header{margin-bottom:16px}.profile-advance-eyebrow{color:var(--ui-primary);letter-spacing:.12em;margin:0 0 5px;font-size:10px;font-weight:850}.profile-advance-header h1{color:var(--ui-text);margin:0;font-size:clamp(25px,7vw,34px);font-weight:850;line-height:1.1}.profile-advance-header p:last-child{color:var(--ui-text-muted);margin:6px 0 0;font-size:12px;font-weight:600}.profile-advance-user-card,.profile-advance-menu-card{border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--mala-shadow-sm);border-radius:20px}.profile-advance-user-card{min-height:92px;color:inherit;align-items:center;gap:13px;padding:14px;text-decoration:none;display:flex}.profile-advance-avatar{border:1px solid var(--ui-border);background:var(--ui-surface-muted);width:52px;height:52px;color:var(--ui-primary);border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;font-size:18px;font-weight:850;display:flex;overflow:hidden}.profile-advance-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-advance-user-copy{flex-direction:column;flex:1;min-width:0;display:flex}.profile-advance-user-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;overflow:hidden}.profile-advance-user-copy small{color:var(--ui-text-muted);margin-top:3px;font-size:11px;font-weight:650}.profile-advance-user-arrow,.profile-advance-menu-arrow{color:var(--ui-text-muted);flex:none;font-size:26px;line-height:1}.profile-advance-section{margin-top:18px}.profile-advance-section h2{color:var(--ui-text);margin:0 0 8px 4px;font-size:12px;font-weight:850}.profile-advance-menu-card{overflow:hidden}.profile-advance-menu-item{min-height:68px;color:inherit;border-bottom:1px solid var(--ui-border);-webkit-tap-highlight-color:transparent;align-items:center;padding:10px 13px;text-decoration:none;transition:background-color .16s,transform .16s;display:flex}.profile-advance-menu-item:last-child{border-bottom:0}.profile-advance-menu-item:hover{background:var(--ui-surface-muted)}.profile-advance-menu-item:active{transform:translateY(1px)}.profile-advance-menu-item.is-disabled{opacity:.48}.profile-advance-menu-icon{border:1px solid var(--ui-border);background:var(--ui-surface-muted);width:38px;height:38px;color:var(--ui-primary);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;margin-right:11px;display:flex}.profile-advance-menu-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.profile-advance-menu-copy{flex-direction:column;flex:1;min-width:0;display:flex}.profile-advance-menu-copy strong{font-size:13px;font-weight:800;line-height:1.35}.profile-advance-menu-copy small{color:var(--ui-text-muted);margin-top:2px;font-size:10.5px;font-weight:550;line-height:1.35}.profile-advance-menu-copy em{color:var(--mala-danger);margin-top:3px;font-size:9.5px;font-style:normal;font-weight:650}.profile-advance-logout{border:1px solid var(--mala-danger);justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:18px;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-advance-logout{border:1px solid color-mix(in srgb, var(--mala-danger) 38%, var(--ui-border))}}.profile-advance-logout{background:var(--mala-danger);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.profile-advance-logout{background:color-mix(in srgb, var(--mala-danger) 7%, var(--ui-surface))}}.profile-advance-logout{color:var(--mala-danger);font:inherit;cursor:pointer;font-size:13px;font-weight:800}html[data-nav-theme=crimson] .profile-advance-page{background:var(--mala-crimson-deep)!important;color:#fff8ed!important}html[data-nav-theme=crimson] .profile-advance-page .profile-advance-user-card,html[data-nav-theme=crimson] .profile-advance-page .profile-advance-menu-card{background:var(--mala-crimson-dark)!important;color:#fff8ed!important;border-color:#e4cb8b47!important}html[data-nav-theme=crimson] .profile-advance-page .profile-advance-menu-item:hover{background:#ffffff14!important}html[data-nav-theme=crimson] .profile-advance-page .profile-advance-header h1,html[data-nav-theme=crimson] .profile-advance-page .profile-advance-section h2,html[data-nav-theme=crimson] .profile-advance-page .profile-advance-menu-copy strong{color:#fff8ed!important}html[data-nav-theme=crimson] .profile-advance-page .profile-advance-eyebrow,html[data-nav-theme=crimson] .profile-advance-page .profile-advance-header p:last-child,html[data-nav-theme=crimson] .profile-advance-page .profile-advance-menu-copy small,html[data-nav-theme=crimson] .profile-advance-page .profile-advance-user-copy small{color:var(--mala-gold-light)!important}.mala-summary-cards article:first-child{background:linear-gradient(180deg, var(--mala-crimson-dark,#4a0d17), var(--mala-crimson-deep,#31090f))!important;border-color:#0000!important}.mala-summary-cards article:first-child span{color:#e4cb8b!important}.mala-summary-cards article:first-child strong{color:#faf7f0!important}:root{--font-ui:var(--font-noto-sans-thai), "Noto Sans Thai", system-ui, sans-serif}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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{--background:var(--siam-ivory,#faf7f0);--foreground:var(--siam-charcoal,#211c1a);--card:var(--siam-paper,#fffdf9);--border:var(--siam-border,#e5dbcc);--muted:var(--siam-muted,#786f69);--primary:var(--siam-crimson,#741624);--primary-dark:var(--siam-crimson-dark,#4a0d17);--danger-bg:#fef2f2;--danger-text:var(--siam-crimson-dark,#4a0d17)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-ui)}button,input{font:inherit}.login-page{background:radial-gradient(circle at top, #fff7ed 0, var(--siam-ivory) 45%, var(--siam-border) 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:32px;box-shadow:0 16px 50px #00000014}.brand{text-align:center;margin-bottom:28px}.brand-icon{background:#fff1f2;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:32px;display:flex}.brand h1{letter-spacing:.5px;margin:0;font-size:25px;font-weight:800}.login-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:14px;font-weight:700}.form-group input{border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;height:48px;color:var(--siam-charcoal);border-radius:10px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dc26261a}.password-wrapper{position:relative}.password-wrapper input{padding-right:72px}.password-toggle{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.remember-account{cursor:pointer;color:var(--siam-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:14px;display:flex}.remember-account input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.login-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid #fecaca;border-radius:9px;padding:11px 13px;font-size:14px;line-height:1.5}.login-button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:50px;font-weight:700;transition:background .15s,transform .1s}.login-button:hover:not(:disabled){background:var(--primary-dark)}.login-button:disabled{cursor:not-allowed;opacity:.65}.login-footer{text-align:center;color:var(--siam-muted);margin:24px 0 0;font-size:12px}@media (max-width:480px){.login-page{padding:16px}.login-card{border-radius:16px;padding:25px 20px}}.dashboard-page{background:var(--siam-ivory);min-height:100dvh;padding:24px}.dashboard-container{width:100%;max-width:1100px;margin:0 auto}.dashboard-header{background:var(--siam-crimson-dark,#4a0d17);border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:0;padding:18px 20px 14px;display:flex}.dashboard-eyebrow{color:var(--siam-gold-light,#e4cb8b);letter-spacing:1px;margin:0 0 4px;font-size:12px;font-weight:800}.dashboard-header h1{margin:0;font-size:30px}.user-badge{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.user-badge strong{font-size:14px}.user-badge span{color:var(--muted);font-size:12px}.welcome-card{background:linear-gradient(135deg, var(--siam-crimson,#741624), var(--siam-crimson-dark,#4a0d17));color:var(--siam-ivory,#faf7f0);border-radius:16px;margin-bottom:16px;padding:18px 22px}.welcome-card p{color:var(--siam-gold-light,#e4cb8b);margin:0 0 2px;font-size:12px;font-weight:600}.welcome-card h2{margin:0;font-size:21px}.welcome-card span{color:#faf7f0bf;margin-top:6px;font-size:12px;display:block}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--siam-paper);border:1px solid var(--border);border-radius:14px;padding:20px}.stat-card span{color:var(--siam-muted);font-size:13px;display:block}.stat-card strong{margin-top:10px;font-size:32px;display:block}.stat-card small{color:var(--siam-muted);font-size:12px}.dashboard-section{background:var(--siam-paper);border:1px solid var(--border);border-radius:16px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);padding:20px 22px}.section-header h2{margin:0;font-size:18px}.section-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.empty-state{text-align:center;padding:55px 20px}.empty-icon{margin-bottom:12px;font-size:42px}.empty-state h3{margin:0;font-size:18px}.empty-state p{max-width:420px;color:var(--muted);margin:8px auto 20px;font-size:14px;line-height:1.6}.primary-action{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:9px;height:44px;padding:0 18px;font-weight:700}@media (max-width:700px){.dashboard-page{padding:16px}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:25px}.dashboard-grid{grid-template-columns:1fr}.user-badge{align-items:flex-end}}.forgot-password-link{text-align:center;color:var(--primary);margin-top:-4px;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s;display:block}.recovery-info{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex-direction:column;gap:5px;margin-bottom:22px;padding:13px 14px;font-size:13px;line-height:1.5;display:flex}.recovery-info strong{font-size:14px}.recovery-info span{color:#9a3412}.recovery-info small{color:#c2410c;font-size:12px}.login-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:11px 13px;font-size:14px;line-height:1.5}.forgot-password-card{max-width:440px}.profile-page{background:var(--siam-ivory);min-height:100vh;padding:16px}.profile-page-container{width:100%;max-width:760px;margin:0 auto}.profile-back-button{color:#333;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;padding:8px 4px;font-size:15px;font-weight:600;display:inline-flex}.profile-back-button span{font-size:22px;line-height:1}.profile-card{background:var(--siam-paper);box-sizing:border-box;border:1px solid #e8e8e8;border-radius:16px;width:100%;padding:20px;box-shadow:0 4px 18px #0000000f}.profile-heading h1{color:#222;margin:0;font-size:24px;line-height:1.25}.profile-heading p{color:var(--siam-muted);margin:8px 0 0;font-size:14px;line-height:1.5}.profile-avatar-section{background:var(--siam-ivory);border-radius:14px;align-items:center;gap:16px;margin:24px 0;padding:16px;display:flex}.profile-avatar-info strong{color:#333;font-size:15px}.profile-form{flex-direction:column;gap:20px;display:flex}.profile-field{flex-direction:column;gap:7px;display:flex}.profile-field label{color:#333;font-size:14px;font-weight:700}.profile-field input{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);color:#222;border-radius:10px;outline:none;width:100%;min-height:46px;padding:11px 13px;font-family:inherit;font-size:16px}.profile-field input:focus{border-color:var(--siam-muted);box-shadow:0 0 0 3px #0000000f}.profile-field input:disabled{color:var(--siam-muted);cursor:not-allowed;background:#f3f3f3}.profile-field small{color:var(--siam-muted);font-size:12px;line-height:1.45}.profile-clear-avatar{border:1px solid var(--siam-border);background:var(--siam-paper);min-height:40px;color:var(--siam-muted);cursor:pointer;border-radius:9px;align-self:flex-start;padding:8px 12px;font-family:inherit;font-size:13px}.profile-field-error{color:var(--siam-crimson)!important}.profile-alert{border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.profile-alert-error{color:#b71c1c;background:#fff0f0;border:1px solid #ffcdd2}.profile-alert-success{color:#256029;background:#eef9f0;border:1px solid #c8e6c9}.profile-form-actions{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:4px;display:grid}.profile-button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:48px;padding:11px 16px;font-family:inherit;font-size:15px;font-weight:700}.profile-button:disabled{opacity:.55;cursor:not-allowed}.profile-button-primary{color:#fff;background:#222}.profile-button-secondary{background:var(--siam-paper);color:#333;border-color:var(--siam-border)}.profile-loading{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;display:flex}.profile-loading p{color:var(--siam-muted);margin:0;font-size:14px}@keyframes mala-profile-spin{to{transform:rotate(360deg)}}@media (min-width:640px){.profile-page{padding:28px}.profile-card{border-radius:18px;padding:32px}.profile-heading h1{font-size:28px}.profile-avatar-section{padding:20px}}@media (max-width:380px){.profile-page{padding:10px}.profile-card{border-radius:14px;padding:16px}.profile-avatar-section{align-items:flex-start;padding:12px}.profile-avatar-preview{width:72px;height:72px;font-size:28px}.profile-form-actions{grid-template-columns:1fr}.profile-button{width:100%}}.user-profile-menu{z-index:50;flex:none;position:relative}.user-profile-trigger{background:var(--siam-paper);color:#222;cursor:pointer;box-sizing:border-box;border:1px solid #e3e3e3;border-radius:12px;align-items:center;gap:9px;max-width:100%;min-height:48px;padding:5px 8px 5px 5px;font-family:inherit;display:flex}.user-profile-trigger:hover{background:var(--siam-ivory)}.user-profile-trigger:focus-visible{outline-offset:2px;outline:3px solid #0000001f}.user-profile-avatar{width:38px;height:38px;color:var(--siam-muted);background:#e9e9e9;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.user-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-profile-avatar-large{flex-basis:46px;width:46px;height:46px}.user-profile-summary{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:150px;display:flex}.user-profile-summary strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;line-height:1.3;overflow:hidden}.user-profile-summary span{color:var(--siam-muted);font-size:11px;line-height:1.3}.user-profile-chevron{color:var(--siam-muted);flex:none;font-size:14px;line-height:1;transition:transform .15s}.user-profile-chevron.is-open{transform:rotate(180deg)}.user-profile-menu-panel{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:14px;width:min(300px,100vw - 24px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 35px #00000024}.user-profile-menu-header{align-items:center;gap:11px;padding:16px;display:flex}.user-profile-menu-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.user-profile-menu-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.user-profile-menu-header span:not(.user-profile-avatar){color:var(--siam-muted);font-size:12px}.user-profile-menu-divider{background:var(--siam-border);height:1px}.user-profile-menu-item{background:var(--siam-paper);color:#222;text-align:left;cursor:pointer;box-sizing:border-box;border:0;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 16px;font-family:inherit;display:flex}.user-profile-menu-item:hover{background:var(--siam-ivory)}.user-profile-menu-item:focus-visible{outline-offset:-3px;outline:3px solid #0000001a}.user-profile-menu-item>span:first-child{text-align:center;flex:0 0 30px;width:30px;font-size:20px}.user-profile-menu-item>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.user-profile-menu-item strong{font-size:14px}.user-profile-menu-item small{color:var(--siam-muted);font-size:11px}.user-profile-menu-item-danger{color:var(--siam-crimson)}.user-profile-menu-item-danger:hover{background:var(--siam-ivory)}@media (max-width:520px){.user-profile-summary,.user-profile-chevron{display:none}.user-profile-trigger{border-radius:50%;justify-content:center;width:48px;height:48px;padding:4px}.user-profile-avatar{flex-basis:38px;width:38px;height:38px}.user-profile-menu-panel{width:min(300px,100vw - 24px);position:fixed;top:70px;right:12px}}@media (max-width:380px){.user-profile-menu-panel{width:calc(100vw - 16px);top:64px;right:8px}}.profile-page{box-sizing:border-box;min-height:100vh;padding:16px}.profile-container{width:min(720px,100%);margin:0 auto}.profile-header{align-items:center;gap:12px;min-height:52px;margin-bottom:16px;display:flex}.profile-back-button{background:var(--siam-paper);color:#222;cursor:pointer;border:1px solid #e3e3e3;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-family:inherit;font-size:24px;line-height:1;display:flex}.profile-back-button:hover{background:var(--siam-ivory)}.profile-back-button:focus-visible,.profile-primary-button:focus-visible,.profile-secondary-button:focus-visible,.profile-remove-avatar:focus-visible{outline-offset:2px;outline:3px solid #0000001f}.profile-header-title{min-width:0}.profile-header-title p{color:var(--siam-muted);margin:0 0 2px;font-size:12px}.profile-header-title h1{margin:0;font-size:22px;line-height:1.25}.profile-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000000f}.profile-card-heading{border-bottom:1px solid var(--siam-border);padding:20px 18px}.profile-card-heading h2{margin:0 0 4px;font-size:18px}.profile-card-heading p{color:var(--siam-muted);margin:0;font-size:13px}.profile-form{padding:18px}.profile-avatar-section{align-items:center;gap:14px;margin-bottom:24px;display:flex}.profile-avatar-preview{width:82px;height:82px;color:var(--siam-muted);background:#e9e9e9;border-radius:50%;flex:0 0 82px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;overflow:hidden}.profile-avatar-preview img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-info{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-avatar-info strong{font-size:15px}.profile-avatar-info span{color:var(--siam-muted);font-size:12px;line-height:1.45}.profile-remove-avatar{width:fit-content;color:var(--siam-crimson);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-family:inherit;font-size:12px}.profile-field{margin-bottom:18px}.profile-field label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}.profile-field input{background:var(--siam-paper);color:#222;box-sizing:border-box;border:1px solid #dcdcdc;border-radius:10px;width:100%;min-height:48px;padding:11px 13px;font-family:inherit;font-size:16px}.profile-field input:focus{border-color:var(--siam-muted);outline:3px solid #00000014}.profile-field input:disabled{background:var(--siam-ivory);color:var(--siam-muted)}.profile-field small{color:var(--siam-muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.profile-readonly-section{border:1px solid var(--siam-border);background:var(--siam-ivory);border-radius:12px;margin:22px 0;overflow:hidden}.profile-readonly-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 13px;display:flex}.profile-readonly-row+.profile-readonly-row{border-top:1px solid var(--siam-border)}.profile-readonly-row span{color:var(--siam-muted);font-size:13px}.profile-readonly-row strong{color:#333;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:13px;overflow:hidden}.profile-message{border-radius:10px;margin:16px 0;padding:12px 13px;font-size:13px;line-height:1.5}.profile-message-error{color:var(--siam-crimson);background:#fff3f3}.profile-message-success{color:#1b6e32;background:#f1f9f3}.profile-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.profile-primary-button,.profile-secondary-button,.profile-save-button{cursor:pointer;box-sizing:border-box;border-radius:10px;min-height:48px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.profile-primary-button{color:#fff;background:#222;border:1px solid #222}.profile-primary-button:hover{opacity:.9}.profile-secondary-button{background:var(--siam-paper);color:#333;border:1px solid #dcdcdc}.profile-secondary-button:hover{background:var(--siam-ivory)}.profile-primary-button:disabled,.profile-secondary-button:disabled{opacity:.55;cursor:not-allowed}.profile-loading{min-height:60vh;color:var(--siam-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.profile-loading-spinner{border:3px solid var(--siam-border);border-top-color:var(--siam-muted);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite mala-profile-spin}.profile-error-card{border:1px solid var(--siam-border);background:var(--siam-paper);text-align:center;border-radius:16px;margin-top:20vh;padding:24px 18px}.profile-error-card h1{margin:0 0 8px;font-size:20px}.profile-error-card p{color:var(--siam-muted);margin:0 0 20px;font-size:13px}@media (min-width:640px){.profile-page{padding:28px 20px}.profile-header{margin-bottom:20px}.profile-header-title h1{font-size:26px}.profile-card-heading,.profile-form{padding:24px}.profile-actions{justify-content:flex-end;display:flex}.profile-primary-button,.profile-secondary-button{min-width:140px}}.profile-avatar-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;display:flex}.profile-avatar-upload-button{color:#fff;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#222;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.profile-avatar-upload-button:active{transform:scale(.98)}.profile-avatar-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-avatar-selected{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden;color:var(--siam-muted)!important}@media (max-width:480px){.profile-avatar-section{align-items:flex-start;gap:12px}.profile-avatar-preview{flex-basis:76px;width:76px;height:76px;font-size:25px}.profile-avatar-info{flex:1}.profile-avatar-upload-button{min-height:44px;padding:10px 14px}.profile-remove-avatar{min-height:40px;padding:8px 4px}}@media (max-width:767px){.products-responsive-table{border-collapse:separate;border-spacing:0;width:100%}.products-responsive-table thead{display:none}.products-responsive-table,.products-responsive-table tbody,.products-responsive-table tr,.products-responsive-table td{width:100%;display:block}.products-responsive-table tbody{flex-direction:column;gap:12px;display:flex}.products-responsive-table tr{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.products-responsive-table td{border:0;border-bottom:1px solid var(--siam-ivory);text-align:right;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.products-responsive-table td:last-child{border-bottom:0}.products-responsive-table td:before{color:var(--siam-muted);text-align:left;flex:none;margin-right:auto;font-weight:600}.products-responsive-table td:first-child{background:var(--siam-ivory);text-align:left;padding:14px;font-size:16px;font-weight:700;display:block}.products-responsive-table td:first-child:before{display:none}.products-responsive-table td:nth-child(2):before{content:"Barcode"}.products-responsive-table td:nth-child(3):before{content:"หมวดหมู่"}.products-responsive-table td:nth-child(4):before{content:"คงเหลือ"}.products-responsive-table td:nth-child(5):before{content:"จุดแจ้งเตือน"}.products-responsive-table td:nth-child(6):before{content:"สถานะ"}.products-responsive-table td:nth-child(2),.products-responsive-table td:nth-child(3),.products-responsive-table td:nth-child(4),.products-responsive-table td:nth-child(5),.products-responsive-table td:nth-child(6){font-size:14px}.products-responsive-table td:nth-child(2){word-break:break-all}}.dashboard-stat-warning strong{color:#b45309}.dashboard-add-product{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.dashboard-stock-list{flex-direction:column;gap:12px;display:flex}.dashboard-stock-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:16px 18px;display:grid}.dashboard-stock-card.dashboard-stock-low{background:#fffaf3;border-color:#f5d0a9}.dashboard-stock-main{align-items:center;gap:10px;min-width:0;display:flex}.dashboard-stock-name{color:var(--siam-charcoal);font-size:16px;font-weight:700}.dashboard-stock-barcode{color:var(--siam-muted);word-break:break-all;margin-top:4px;font-size:12px}.dashboard-stock-quantity{text-align:right;min-width:100px}.dashboard-stock-quantity strong{color:var(--siam-charcoal);font-size:20px;font-weight:700;display:block}.dashboard-stock-quantity span{color:var(--siam-muted);margin-top:2px;font-size:12px;display:block}.dashboard-stock-status{flex-direction:column;align-items:flex-end;gap:4px;min-width:120px;display:flex}.dashboard-low-badge,.dashboard-normal-badge{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-low-badge{color:#b45309;background:#fff1dc}.dashboard-normal-badge{color:#047857;background:#ecfdf5}.dashboard-stock-status small{color:var(--siam-muted);text-align:right;font-size:11px}@media (max-width:767px){.dashboard-stock-card{grid-template-columns:1fr auto;gap:12px;padding:14px}.dashboard-stock-main{grid-column:1/-1}.dashboard-stock-quantity{text-align:left}.dashboard-stock-status{align-items:flex-end}.dashboard-add-product{width:100%;margin-top:10px}}@media (max-width:900px){.products-mobile-cards{flex-direction:column;gap:12px;width:100%;display:flex}.products-responsive-table{display:none!important}}@media (min-width:901px){.products-mobile-cards{display:none!important}}.products-mobile-cards{display:none}.products-mobile-card{width:100%;color:inherit;background:var(--siam-paper);border:1px solid var(--siam-border);border-radius:16px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 2px 8px #0000000a}.products-mobile-card-header{background:var(--siam-ivory);border-bottom:1px solid var(--siam-border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.products-mobile-card-name{min-width:0;color:var(--siam-charcoal);font-size:17px;font-weight:700}.products-mobile-status{white-space:nowrap;border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-weight:700}.products-mobile-status-low{color:var(--siam-crimson);background:#fef3f2}.products-mobile-status-normal{color:#027a48;background:#ecfdf3}.products-mobile-card-body{display:block}.products-mobile-row{border-bottom:1px solid var(--siam-ivory);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:11px 16px;display:flex}.products-mobile-row span{color:var(--siam-muted);flex:none;font-size:13px}.products-mobile-row strong{min-width:0;color:var(--siam-charcoal);text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:600}.products-mobile-card-footer{color:var(--siam-muted);justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;font-weight:600;display:flex}.products-mobile-arrow{font-size:20px;line-height:1}@media (max-width:767px){.products-mobile-cards{flex-direction:column;gap:12px;width:100%;display:flex}.products-responsive-table{display:none!important}}@media (min-width:768px){.products-mobile-cards{display:none!important}}.dashboard-admin-section{margin-top:28px}.dashboard-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-admin-card{border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.dashboard-admin-card:hover{border-color:#fff3;transform:translateY(-2px)}.dashboard-admin-card>div:nth-child(2){flex:1}.dashboard-admin-card strong,.dashboard-admin-card span{display:block}.dashboard-admin-card strong{font-size:16px}.dashboard-admin-card span{opacity:.65;margin-top:4px;font-size:13px}.dashboard-admin-icon{background:#ffffff0f;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.dashboard-admin-card b{opacity:.6}.users-page,.transactions-page{min-height:100vh}.users-page-container,.transactions-page-container{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 60px}.users-page-header,.transactions-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.users-page-header h1,.transactions-page-header h1{margin:12px 0 6px}.users-page-header p,.transactions-page-header p{opacity:.65;margin:0}.users-back-link,.transactions-back-link{opacity:.7;text-decoration:none}.users-primary-button{border-radius:12px;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.users-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.users-summary-card{border:1px solid #ffffff14;border-radius:16px;padding:18px}.users-summary-card span,.users-summary-card strong{display:block}.users-summary-card span{opacity:.65;font-size:13px}.users-summary-card strong{margin-top:8px;font-size:28px}.users-section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.users-section-title h2{margin:0}.users-section-title span{opacity:.6}.users-list{gap:12px;display:grid}.users-card{border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:16px;padding:18px;text-decoration:none;display:flex}.users-avatar{background:#ffffff14;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.users-card-main{flex:1}.users-card-name{font-weight:800}.users-card-username{opacity:.55;margin-top:3px;font-size:13px}.users-card-meta{flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;display:flex}.users-role-owner,.users-role-staff,.users-status-active,.users-status-inactive{border-radius:999px;padding:4px 8px}.users-role-owner{background:#8c50ff26}.users-role-staff{background:#ffffff12}.users-status-active{background:#00c8781f}.users-status-inactive{background:#ff50501f}.users-card-arrow{opacity:.5;font-size:20px}.transactions-list{gap:14px;display:grid}.transaction-card{border:1px solid #ffffff14;border-radius:18px;padding:18px}.transaction-card-top{justify-content:space-between;gap:16px;display:flex}.transaction-card-top strong,.transaction-card-top small{display:block}.transaction-card-top small{opacity:.55;margin-top:4px}.transaction-type-in,.transaction-type-out,.transaction-type-adjustment{border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:700}.transaction-type-in{background:#00c8781f}.transaction-type-out{background:#ff50501f}.transaction-type-adjustment{background:#ffb4001f}.transaction-card-grid span,.transaction-card-grid strong{display:block}.transaction-card-grid span{opacity:.55;margin-bottom:5px;font-size:12px}.transaction-note{opacity:.7;border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px;font-size:13px}.transactions-empty{text-align:center;opacity:.55;padding:60px 20px}@media (max-width:800px){.dashboard-admin-grid,.users-summary-grid,.transaction-card-grid{grid-template-columns:1fr}.users-page-header,.transactions-page-header{flex-direction:column}.users-primary-button{justify-content:center;width:100%}}.dashboard-system-menu{margin-top:28px}.dashboard-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.dashboard-system-card{border:1px solid var(--siam-border);background:var(--siam-paper);min-height:84px;color:inherit;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0000000a}.dashboard-system-card:hover{border-color:var(--siam-border);transform:translateY(-1px);box-shadow:0 5px 16px #00000012}.dashboard-system-icon{background:var(--siam-ivory);border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.dashboard-system-content{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-system-content strong{font-size:16px;line-height:1.3}.dashboard-system-content span{color:var(--siam-muted);font-size:13px;line-height:1.4}.dashboard-system-arrow{color:var(--siam-muted);flex:none;margin-left:auto;font-size:20px}@media (max-width:767px){.dashboard-system-grid{grid-template-columns:1fr;gap:10px}.dashboard-system-card{min-height:76px;padding:14px}.dashboard-system-icon{flex-basis:44px;width:44px;height:44px;font-size:21px}}.products-barcode-search{align-items:stretch;gap:10px;width:100%;display:flex}.products-barcode-input-wrap{flex:1;min-width:0}.products-barcode-input-wrap input{width:100%}.products-barcode-scan-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:12px;flex:none;min-width:88px;padding:0 18px;font-size:15px;font-weight:600}.products-barcode-scan-button:hover{opacity:.9}.dashboard-out-badge{color:var(--siam-crimson);background:#ffe5e5;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-weight:700;display:inline-flex}.barcode-scanner-modal{background:var(--siam-paper);border-radius:20px;width:min(520px,100%);max-height:calc(100dvh - 36px);padding:18px;overflow:auto;box-shadow:0 20px 70px #00000059}.barcode-scanner-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.barcode-scanner-header strong{font-size:20px;display:block}.barcode-scanner-header small{color:var(--siam-muted);margin-top:4px;display:block}.barcode-scanner-close{cursor:pointer;background:#f1f1f1;border:0;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1}.barcode-scanner-camera{aspect-ratio:4/3;background:#111;border-radius:16px;width:100%;position:relative;overflow:hidden}.barcode-scanner-frame span{width:28px;height:28px;position:absolute}.barcode-scanner-frame span:first-child{border-top:4px solid #fff;border-left:4px solid #fff;top:-2px;left:-2px}.barcode-scanner-frame span:nth-child(2){border-top:4px solid #fff;border-right:4px solid #fff;top:-2px;right:-2px}.barcode-scanner-frame span:nth-child(3){border-bottom:4px solid #fff;border-left:4px solid #fff;bottom:-2px;left:-2px}.barcode-scanner-frame span:nth-child(4){border-bottom:4px solid #fff;border-right:4px solid #fff;bottom:-2px;right:-2px}.barcode-scanner-error{color:#9a5b00;background:#fff4e5;border-radius:10px;margin-top:12px;padding:12px;font-size:14px}.barcode-scanner-cancel{border:1px solid var(--siam-border);background:var(--siam-paper);cursor:pointer;border-radius:12px;width:100%;min-height:46px;margin-top:14px;font-weight:600}.transactions-list{flex-direction:column;gap:0;display:flex}.transaction-card{border:0!important;border-bottom:1px solid var(--siam-border)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:18px 4px!important}.transaction-card:first-child{border-top:1px solid var(--siam-border)!important}.transaction-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.transaction-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin-top:14px;display:grid}.transaction-card-grid>div{min-width:0}@media (max-width:640px){.products-barcode-search{gap:8px}.products-barcode-scan-button{min-width:76px;padding:0 12px}.transaction-card{padding:16px 0!important}.transaction-card-grid{grid-template-columns:1fr;gap:11px}}.transactions-list{border-top:1px solid #ffffff1a;flex-direction:column;gap:0;display:flex}.transaction-card{background:0 0;border:0;border-bottom:1px solid #ffffff1a;border-radius:0;padding:16px 4px}.transaction-card:hover{background:#ffffff06}.transaction-card-top{align-items:center}.transaction-card-grid{margin-top:12px}.transaction-card-grid>div{background:0 0;border-radius:0;padding:10px 0}.transaction-note{border-top:0;margin-top:4px;padding-top:8px}.barcode-scan-button{min-height:44px;color:inherit;cursor:pointer;white-space:nowrap;font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.barcode-scanner-modal{background:#111;border:1px solid #ffffff1f;border-radius:20px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #00000080}.barcode-scanner-header strong,.barcode-scanner-header small{display:block}.barcode-scanner-header small{opacity:.6;margin-top:4px}.barcode-scanner-close{width:38px;height:38px;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;font-size:24px}.barcode-scanner-camera video{object-fit:cover;width:100%;height:100%;display:block}.barcode-scanner-frame{pointer-events:none;border:2px solid #ffffffe6;border-radius:12px;position:absolute;inset:20%}.barcode-scanner-error{color:#ff9b9b;background:#ff50501a;border-radius:10px;margin:14px 18px 0;padding:12px;font-size:13px}.barcode-scanner-cancel{width:calc(100% - 36px);min-height:44px;color:inherit;cursor:pointer;font:inherit;background:#ffffff14;border:0;border-radius:12px;margin:14px 18px 18px;font-weight:600}.products-mobile-status-out{color:#ff8b8b;background:#ff464624}@media (max-width:800px){.products-toolbar{align-items:stretch}.search-wrapper,.barcode-scan-button{width:100%}.products-count{text-align:center}.transaction-card{padding:14px 2px}.transaction-card-top{align-items:flex-start}.barcode-scanner-overlay{padding:10px}.barcode-scanner-modal{border-radius:16px}}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.dashboard-summary-card{border:1px solid var(--siam-border);background:var(--siam-paper);min-height:130px;color:inherit;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.dashboard-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dashboard-summary-card>span{font-size:24px}.dashboard-summary-card small{color:var(--siam-muted);font-weight:600}.dashboard-summary-card strong{font-size:30px;line-height:1}.dashboard-summary-low{border-color:var(--siam-gold,#c7a45b);background:linear-gradient(135deg,#c7a45b29,#c7a45b0d)}.dashboard-summary-low strong{color:#92650f}.dashboard-summary-out{border-color:var(--siam-crimson,#741624);background:linear-gradient(135deg,#74162424,#7416240a)}.dashboard-summary-out strong{color:var(--siam-crimson-dark,#4a0d17)}.dashboard-out-of-stock-alert{background:var(--siam-crimson);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex;box-shadow:0 8px 24px #dc262633}.dashboard-out-of-stock-alert strong{font-size:18px}.dashboard-out-view-all{color:#fff;flex-shrink:0;font-weight:700;text-decoration:none}.dashboard-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-system-card{border:1px solid var(--siam-border);background:var(--siam-paper);min-height:125px;color:inherit;border-radius:16px;flex-direction:column;justify-content:center;gap:7px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.dashboard-system-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dashboard-system-icon{font-size:25px}.dashboard-system-card strong{font-size:16px}.dashboard-system-card small{color:var(--siam-muted)}.transaction-list-item{border-bottom:1px solid var(--siam-border);color:inherit;padding:13px 4px;text-decoration:none;display:block}.transaction-list-item:hover{background:var(--siam-ivory)}.transaction-list-date{color:var(--siam-muted);font-weight:600}.transaction-list-type{text-align:center;min-width:70px;font-weight:700}.transactions-filters{margin-bottom:16px}.transaction-filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.transaction-filter-tabs a{background:var(--siam-ivory);color:var(--siam-muted);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600;text-decoration:none}.transaction-filter-tabs a.active{background:var(--siam-charcoal);color:#fff}.transaction-filter-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.transaction-filter-form label{flex-direction:column;gap:5px;display:flex}.transaction-filter-form label span{color:var(--siam-muted);font-size:12px}.transaction-filter-form input,.transaction-filter-form select{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:8px;min-height:38px;padding:7px 10px}.transaction-filter-form button{background:var(--siam-charcoal);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:38px;padding:7px 16px;font-weight:600}@media (max-width:640px){.dashboard-summary,.dashboard-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-summary-card{min-height:110px;padding:15px}.dashboard-summary-card strong{font-size:25px}.dashboard-system-card{min-height:110px;padding:15px}.dashboard-out-of-stock-alert{flex-direction:column;align-items:flex-start}.transaction-list-line-one{gap:6px}.transaction-list-line-two{gap:6px 10px}.transaction-filter-form{flex-direction:column;align-items:stretch}.transaction-filter-form label,.transaction-filter-form input,.transaction-filter-form select,.transaction-filter-form button{width:100%}}.dashboard-summary-2x2,.dashboard-system-grid-2x2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid!important}.dashboard-summary-card{border-radius:18px;min-height:150px}.dashboard-summary-out{border-color:var(--siam-crimson)!important}.dashboard-summary-low{border-color:var(--siam-gold,#c7a45b)!important}.dashboard-out-of-stock-alert{background:var(--siam-crimson);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:18px 22px;display:flex}.dashboard-out-of-stock-alert strong{font-size:20px;display:block}.dashboard-out-product-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.dashboard-out-product-list a{color:#fff;font-weight:600;text-decoration:underline}.dashboard-out-alert-action{background:var(--siam-paper);color:var(--siam-crimson-dark);border-radius:10px;flex-shrink:0;padding:9px 16px;font-weight:700}.dashboard-low-stock-alert{background:var(--siam-gold,#c7a45b);color:var(--siam-crimson-dark,#4a0d17);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:18px 22px;display:flex}.dashboard-low-stock-alert strong{font-size:20px;display:block}.dashboard-low-stock-alert .dashboard-out-product-list a{color:var(--siam-crimson-dark,#4a0d17)}.dashboard-low-stock-alert .dashboard-out-alert-action{background:var(--siam-crimson-dark,#4a0d17);color:var(--siam-ivory,#fff)}.dashboard-swipe-wrap{position:relative}.dashboard-swipe{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 0 6px;display:flex;overflow-x:auto}.dashboard-swipe::-webkit-scrollbar{display:none}.dashboard-swipe-page{scroll-snap-align:start;flex:0 0 100%;min-width:0}.dashboard-swipe-dots{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.dashboard-swipe-dot{background-clip:content-box;background-color:var(--siam-border,#e5dbcc);cursor:pointer;border:0;border-radius:50%;width:6px;height:6px;padding:7px;transition:width .2s,background-color .2s}.dashboard-swipe-dot.is-active{background-color:var(--siam-crimson,#741624);border-radius:8px;width:18px}.dashboard-swipe-arrow{display:none}@media (min-width:1101px) and (pointer:fine){.dashboard-swipe-arrow{z-index:5;border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);width:34px;height:34px;color:var(--siam-crimson,#741624);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #0000001a}.dashboard-swipe-arrow:hover{background:var(--siam-ivory,#faf7f0)}.dashboard-swipe-arrow-prev{left:-17px}.dashboard-swipe-arrow-next{right:-17px}.dashboard-swipe-arrow,.dashboard-swipe-dots{display:none!important}.dashboard-swipe{scroll-snap-type:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;display:grid!important;overflow:visible!important}.dashboard-swipe-page,.dashboard-summary.dashboard-summary-2x2,.dashboard-shortcut-grid{display:contents!important}.dashboard-summary-card,.dashboard-shortcut-card{min-height:130px}}.dashboard-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-shortcut-card{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);min-height:150px;color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:18px;flex-direction:column;justify-content:space-between;gap:10px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.dashboard-shortcut-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dashboard-shortcut-icon{background:linear-gradient(135deg, var(--siam-gold-light,#e4cb8b), var(--siam-gold,#c7a45b));width:42px;height:42px;color:var(--siam-crimson-dark,#4a0d17);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.dashboard-shortcut-card strong{font-size:15px}.dashboard-shortcut-card small{color:var(--siam-muted,#786f69);font-size:12px}.dashboard-shortcut-lock{font-size:13px;position:absolute;top:14px;right:14px}.dashboard-shortcut-more-panel{flex-direction:column;grid-column:1/-1;gap:8px;padding:6px 2px 0;display:flex}.dashboard-shortcut-more-panel a{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-ivory,#faf7f0);color:var(--siam-charcoal,#211c1a);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.dashboard-stock-out{border-color:var(--siam-crimson)!important}.transaction-list-item{color:inherit;border-bottom:1px solid #7f7f7f38;padding:14px 4px;text-decoration:none;display:block}.transaction-list-item:first-child{padding-top:4px}.transaction-list-line-one{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.transaction-list-date{font-size:14px;font-weight:600}.transaction-list-type{flex-shrink:0;font-size:13px;font-weight:700}.transaction-list-in{color:#16a34a}.transaction-list-out{color:var(--siam-crimson)}.transaction-list-adjustment{color:#7c3aed}.transaction-list-line-two{color:#666;flex-wrap:wrap;align-items:center;gap:10px;margin-top:5px;font-size:13px;display:flex}.transaction-stock-out{color:var(--siam-crimson)}.transaction-stock-low{color:#d97706}@media (max-width:640px){.dashboard-summary-2x2,.dashboard-system-grid-2x2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-out-of-stock-alert{flex-direction:column;align-items:flex-start}.transaction-list-line-one{gap:8px}.transaction-list-date{font-size:12px}.transaction-list-line-two{gap:7px;font-size:12px}}.users-detail-container{width:min(100% - 32px,920px);margin:0 auto;padding:32px 0 60px}.users-detail-header{margin-bottom:24px}.users-detail-header h1{margin:14px 0 6px;font-size:30px;line-height:1.2}.users-detail-header p{color:var(--siam-muted);margin:0}.users-detail-back{color:inherit;font-weight:600;text-decoration:none}.users-detail-back:hover{text-decoration:underline}.user-detail-card{background:var(--siam-paper);border:1px solid var(--siam-border);border-radius:18px;margin-bottom:18px;padding:24px;box-shadow:0 8px 28px #0f172a0f}.user-detail-profile{align-items:center;gap:16px;display:flex}.user-detail-avatar{background:var(--siam-charcoal);color:#fff;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:700;display:grid}.user-detail-profile-info{flex:1;min-width:0}.user-detail-profile-info h2{margin:0 0 4px;font-size:20px}.user-detail-profile-info span{color:var(--siam-muted)}.user-detail-status{white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.user-detail-status.active{color:#166534;background:#dcfce7}.user-detail-status.inactive{color:var(--siam-crimson-dark);background:#fee2e2}.user-detail-divider{background:#eef0f3;height:1px;margin:22px 0}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;display:grid}.user-detail-info{flex-direction:column;gap:5px;display:flex}.user-detail-info span{color:var(--siam-muted);font-size:13px}.user-detail-info strong{font-size:15px}.user-detail-section-title{margin-bottom:22px}.user-detail-section-title h2{margin:0 0 5px;font-size:20px}.user-detail-section-title p{color:var(--siam-muted);margin:0;font-size:14px}.user-detail-form{gap:18px;display:grid}.user-detail-form label:not(.user-detail-toggle){flex-direction:column;gap:7px;display:flex}.user-detail-form label>span{font-size:14px;font-weight:700}.user-detail-form input:not([type=checkbox]){box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:44px;font:inherit;border-radius:10px;outline:none;padding:10px 13px}.user-detail-form input:not([type=checkbox]):focus{border-color:var(--siam-charcoal);box-shadow:0 0 0 3px #11182714}.user-detail-form small{color:var(--siam-muted);font-size:12px}.user-detail-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.user-detail-toggle input{width:18px;height:18px}.user-detail-toggle span{flex-direction:column;gap:3px;display:flex}.user-detail-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.user-detail-button{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 18px;font-weight:700;text-decoration:none}.user-detail-button.primary{background:var(--siam-charcoal);color:#fff}.user-detail-button.secondary{background:var(--siam-paper);color:var(--siam-muted);border-color:var(--siam-border)}.user-detail-button:disabled{opacity:.55;cursor:not-allowed}.users-detail-alert{border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:14px;font-weight:600}.users-detail-alert-error{color:var(--siam-crimson-dark);background:#fee2e2}.users-detail-alert-success{color:#166534;background:#dcfce7}.users-detail-error{color:var(--siam-crimson-dark);background:#fee2e2;border-radius:14px;padding:20px}.users-detail-loading{text-align:center;color:var(--siam-muted);padding:60px 20px}@media (max-width:640px){.users-detail-container{width:min(100% - 20px,920px);padding-top:20px}.user-detail-card{border-radius:14px;padding:18px}.user-detail-profile{flex-wrap:wrap;align-items:flex-start}.user-detail-status{margin-top:-8px;margin-left:74px}.user-detail-grid{grid-template-columns:1fr;gap:15px}.user-detail-actions{flex-direction:column-reverse}.user-detail-button{text-align:center;width:100%}}.barcode-scanner-overlay{z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.barcode-scanner{background:var(--siam-paper);border-radius:18px;width:min(100%,620px);overflow:hidden;box-shadow:0 24px 80px #00000059}.barcode-scanner-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.barcode-scanner-header h2{margin:0 0 4px;font-size:20px}.barcode-scanner-header p{color:var(--siam-muted);margin:0;font-size:13px}.barcode-scanner-close{background:var(--siam-ivory);width:38px;height:38px;color:var(--siam-charcoal);cursor:pointer;border:0;border-radius:50%;font-size:26px;line-height:1}.barcode-scanner-camera{aspect-ratio:16/10;background:#050505;position:relative;overflow:hidden}.barcode-scanner-video{object-fit:cover;width:100%;height:100%;display:block}.barcode-scanner-frame{pointer-events:none;border:2px solid #fffffff2;border-radius:12px;height:40%;position:absolute;top:30%;left:12%;right:12%;box-shadow:0 0 0 9999px #00000047}.barcode-scanner-frame span{background:var(--siam-crimson);height:2px;position:absolute;top:50%;left:5%;right:5%;box-shadow:0 0 8px #ef4444cc}.barcode-scanner-message,.barcode-scanner-hint{color:#fff;white-space:nowrap;background:#000000b3;border-radius:999px;padding:8px 13px;font-size:13px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.barcode-scanner-switch-camera{z-index:5;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.barcode-scanner-switch-camera:active{background:#000c}.barcode-scanner-error{text-align:center;color:#fff;background:#000000c7;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:16px}.barcode-scanner-error strong{font-size:17px}.barcode-scanner-error p{max-width:440px;margin:8px 0 16px;line-height:1.5}.barcode-scanner-retry,.barcode-scanner-cancel{border:1px solid var(--siam-border);background:var(--siam-paper);min-height:40px;color:var(--siam-charcoal);font:inherit;cursor:pointer;border-radius:9px;padding:8px 16px;font-weight:700}.barcode-scanner-footer{justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.barcode-scanner-footer>span{color:var(--siam-muted);font-size:12px}@media (max-width:640px){.barcode-scanner-overlay{align-items:stretch;padding:0}.barcode-scanner{border-radius:0;flex-direction:column;width:100%;min-height:100%;display:flex}.barcode-scanner-camera{aspect-ratio:auto;flex:1;min-height:0}.barcode-scanner-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.barcode-scanner-frame{height:30%;top:35%;left:8%;right:8%}}.dashboard-system-card-disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25);pointer-events:none;-webkit-user-select:none;user-select:none}.users-summary-card-link{color:inherit;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.users-summary-card-link:hover{transform:translateY(-1px)}.users-summary-card-link.is-selected{box-shadow:0 0 0 2px var(--primary)}.stock-type-disabled{opacity:.7;color:#8a8a8a!important;border-color:var(--siam-border)!important;cursor:not-allowed!important;box-shadow:none!important;background:#ececec!important}.stock-type{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fff);min-height:42px;color:var(--siam-charcoal,#404040);font:inherit;cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px;font-weight:700}.stock-type:hover{background:var(--siam-ivory,#fafafa)}.stock-type.active{border-color:var(--siam-crimson,#741624);background:var(--siam-crimson,#741624);color:var(--siam-ivory,#fff)}.stock-type-buttons{gap:10px;margin-bottom:16px;display:flex}.stock-count-sheet .stock-type:not(.active):not(.stock-type-disabled){color:#fff;background:#ffffff14;border-color:#fff3}.stock-count-sheet .stock-type-disabled{color:#ffffff59!important;background:#ffffff0d!important;border-color:#ffffff1f!important}.mobile-bottom-nav,.mobile-bottom-nav-backdrop,.mobile-bottom-nav-more-panel{display:none}@media (max-width:1100px),(pointer:coarse){.mobile-bottom-nav{left:14px;right:14px;bottom:max(12px, env(safe-area-inset-bottom));z-index:9000;pointer-events:none;display:block;position:fixed}.mobile-bottom-nav-inner{-webkit-backdrop-filter:blur(18px);pointer-events:auto;background:#fffffff7;border:1px solid #11182714;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:6px;width:100%;min-height:76px;padding:8px;display:grid;box-shadow:0 14px 35px #1118271f,0 4px 12px #1118270f}.mobile-bottom-nav-item{min-width:0;min-height:58px;color:var(--siam-muted);cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px 7px;font-family:inherit;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.mobile-bottom-nav-item:active{transform:scale(.97)}.mobile-bottom-nav-item.is-active{color:var(--siam-crimson);background:linear-gradient(#ab162c1f,#ab162c12)}.mobile-bottom-nav-item.is-active:after{content:"";background:var(--siam-crimson);border-radius:99px;width:22px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.mobile-bottom-nav-icon{justify-content:center;align-items:center;min-width:24px;height:24px;font-size:22px;font-weight:700;line-height:1;display:inline-flex}.mobile-bottom-nav-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;line-height:1.1;overflow:hidden}.mobile-bottom-nav-backdrop{z-index:8998;-webkit-backdrop-filter:blur(2px);background:#1118273d;border:0;display:block;position:fixed;inset:0}.mobile-bottom-nav-more-panel{left:14px;right:14px;bottom:calc(98px + env(safe-area-inset-bottom));z-index:8999;background:var(--siam-paper);border:1px solid #11182714;border-radius:24px;max-height:min(62vh,560px);padding:10px 12px 14px;display:block;position:fixed;overflow-y:auto;box-shadow:0 22px 45px #1118272e,0 8px 18px #11182714}.mobile-bottom-nav-more-handle{background:var(--siam-border);border-radius:99px;width:42px;height:4px;margin:2px auto 12px}.mobile-bottom-nav-more-title{padding:4px 6px 14px}.mobile-bottom-nav-more-title>div{flex-direction:column;gap:3px;display:flex}.mobile-bottom-nav-more-title strong{color:var(--siam-charcoal);font-size:17px;font-weight:800}.mobile-bottom-nav-more-title span{color:var(--siam-muted);font-size:12px;font-weight:600}.mobile-bottom-nav-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-bottom-nav-more-item{background:var(--siam-paper);min-height:104px;color:inherit;border:1px solid #e7e7e7;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;padding:14px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:flex}.mobile-bottom-nav-more-item:active{transform:scale(.985)}.mobile-bottom-nav-more-item:hover{background:snow;border-color:#a5162f38}.mobile-bottom-nav-more-icon{color:#292929;background:#f3f3f3;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;font-size:19px;font-weight:700;display:inline-flex}.mobile-bottom-nav-more-item strong{color:var(--siam-charcoal);font-size:13px;font-weight:800}.mobile-bottom-nav-more-item small{color:var(--siam-muted);margin-top:3px;font-size:11px;line-height:1.35}body{padding-bottom:calc(108px + env(safe-area-inset-bottom))}}@media (min-width:1101px) and (pointer:fine){.mobile-bottom-nav,.mobile-bottom-nav-backdrop,.mobile-bottom-nav-more-panel{display:none!important}body{padding-bottom:0}}@media (orientation:landscape) and (max-width:1100px),(orientation:landscape) and (pointer:coarse){.mobile-bottom-nav{left:20px;right:20px;bottom:max(8px, env(safe-area-inset-bottom))}.mobile-bottom-nav-inner{border-radius:18px;min-height:64px;padding:6px}.mobile-bottom-nav-item{border-radius:13px;gap:2px;min-height:50px;padding:6px 5px}.mobile-bottom-nav-icon{height:20px;font-size:19px}.mobile-bottom-nav-label{font-size:10px}.mobile-bottom-nav-item.is-active:after{height:2px;bottom:3px}.mobile-bottom-nav-more-panel{bottom:calc(82px + env(safe-area-inset-bottom));max-height:min(68vh,440px)}body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}@media (max-width:480px){.mobile-bottom-nav{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom))}.mobile-bottom-nav-inner{border-radius:20px;min-height:72px;padding:7px}.mobile-bottom-nav-item{min-height:56px;padding:7px 4px 6px}.mobile-bottom-nav-icon{font-size:21px}.mobile-bottom-nav-label{font-size:10px}.mobile-bottom-nav-more-panel{left:8px;right:8px;bottom:calc(94px + env(safe-area-inset-bottom));border-radius:20px}.mobile-bottom-nav-more-grid{grid-template-columns:1fr}}@media (min-width:700px) and (pointer:coarse){.mobile-bottom-nav,.mobile-bottom-nav-more-panel{width:min(760px,100% - 40px);left:50%;right:auto;transform:translate(-50%)}.mobile-bottom-nav-label{font-size:11px}}.dashboard-advanced-settings{margin-bottom:14px}.dashboard-advanced-settings-card{width:100%;color:inherit;background:linear-gradient(135deg,#a5162f14,#fffffff5);border:1px solid #a5162f2e;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex;box-shadow:0 6px 18px #1118270d}.dashboard-advanced-settings-card>span{background:var(--siam-crimson);color:#fff;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:inline-flex}.dashboard-advanced-settings-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.dashboard-advanced-settings-card strong{color:var(--siam-charcoal);font-size:14px;font-weight:800}.dashboard-advanced-settings-card small{color:var(--siam-muted);font-size:12px;line-height:1.4}.settings-gate-page{min-height:100vh;padding:32px 24px calc(120px + env(safe-area-inset-bottom));background:var(--siam-ivory);place-items:center;display:grid}.settings-gate-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:22px;width:min(460px,100%);padding:34px;box-shadow:0 16px 38px #11182714}.settings-gate-icon{background:var(--siam-crimson);color:#fff;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:24px;display:inline-flex}.settings-gate-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;margin:0 0 6px;font-size:11px;font-weight:800}.settings-gate-card h1{color:var(--siam-charcoal);margin:0;font-size:29px;line-height:1.2}.settings-gate-description{color:var(--siam-muted);margin:8px 0 20px;font-size:14px;line-height:1.6}.settings-gate-warning{color:#7f1d1d;background:#fff8f9;border:1px solid #a5162f24;border-radius:12px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.5}.settings-gate-card form{flex-direction:column;gap:9px;display:flex}.settings-gate-card label{color:var(--siam-charcoal);font-size:13px;font-weight:700}.settings-gate-card input{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:48px;color:var(--siam-charcoal);font:inherit;border-radius:11px;outline:none;padding:0 14px}.settings-gate-card input:focus{border-color:var(--siam-crimson);box-shadow:0 0 0 3px #a5162f1a}.settings-gate-card button{background:var(--siam-crimson);color:#fff;min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:11px;margin-top:6px;padding:0 18px;font-weight:800}.settings-gate-card button:disabled{opacity:.55;cursor:not-allowed}.settings-gate-error{color:var(--siam-crimson-dark);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px}@media (max-width:520px){.settings-gate-page{padding:20px 14px 110px}.settings-gate-card{border-radius:18px;padding:24px}}.settings-page{background:var(--siam-ivory);min-height:100vh;padding:48px 24px 120px}.settings-page-container{width:min(1000px,100%);margin:0 auto}.settings-page-header{margin-bottom:28px}.settings-back-link{color:var(--siam-charcoal);margin-bottom:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.settings-back-link:hover{color:var(--siam-crimson)}.settings-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;margin:0 0 6px;font-size:11px;font-weight:800}.settings-page-header h1{color:var(--siam-charcoal);margin:0;font-size:clamp(28px,4vw,40px);line-height:1.15}.settings-page-header p{color:var(--siam-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.settings-user-info{background:var(--siam-ivory);color:var(--siam-muted);border-radius:12px;margin-top:14px;padding:10px 14px;font-size:13px}.settings-section{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:18px;margin-bottom:20px;overflow:hidden;box-shadow:0 8px 24px #1118270d}.settings-section-header{border-bottom:1px solid var(--siam-border);padding:22px 24px}.settings-section-header h2{color:var(--siam-charcoal);margin:0;font-size:19px}.settings-section-header p{color:var(--siam-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.settings-recipient-form{grid-template-columns:1fr 1.25fr;gap:16px;padding:24px;display:grid}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-field label{color:var(--siam-charcoal);font-size:13px;font-weight:700}.settings-field input{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:46px;color:var(--siam-charcoal);font:inherit;border-radius:10px;outline:none;padding:0 13px}.settings-field input:focus{border-color:var(--siam-crimson);box-shadow:0 0 0 3px #b313321a}.settings-checkbox{color:var(--siam-muted);align-items:center;gap:9px;font-size:13px;display:flex}.settings-checkbox input{width:17px;height:17px;accent-color:var(--siam-crimson)}.settings-form-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.settings-primary-button,.settings-secondary-button,.settings-danger-button{min-height:44px;font:inherit;cursor:pointer;border-radius:10px;padding:0 16px;font-size:13px;font-weight:800}.settings-primary-button{color:#fff;background:#e52323;border:0}.settings-primary-button:hover{background:#c91d1d}.settings-secondary-button{border:1px solid var(--siam-border);background:var(--siam-paper);color:var(--siam-charcoal)}.settings-danger-button{background:var(--siam-ivory);color:var(--siam-crimson-dark);border:1px solid #fecaca}.settings-danger-button:disabled{opacity:.5;cursor:not-allowed}.permanent-delete-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:18px;padding:14px 16px;font-size:13px;line-height:1.6}.permanent-delete-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.permanent-delete-tab{border:1px solid var(--siam-border);background:var(--siam-paper);color:var(--siam-muted);font:inherit;cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}.permanent-delete-tab.is-active{border-color:var(--siam-crimson-dark);background:var(--siam-crimson-dark);color:#fff8ed}.permanent-delete-hint{color:var(--siam-muted);margin:0 0 14px;font-size:12px}.permanent-delete-list{flex-direction:column;gap:8px;display:flex}.permanent-delete-row{border:1px solid var(--siam-ivory);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.permanent-delete-row-main{flex:1;min-width:0}.permanent-delete-row-main strong{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-charcoal);font-size:14px;display:block;overflow:hidden}.permanent-delete-row-main small{color:var(--siam-muted);margin-top:3px;font-size:12px;display:block}.permanent-delete-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.permanent-delete-confirm input{border:1px solid var(--siam-border);height:40px;font:inherit;border-radius:9px;min-width:160px;padding:0 10px}@media (max-width:700px){.permanent-delete-row,.permanent-delete-confirm{flex-direction:column;align-items:stretch}.permanent-delete-confirm input{min-width:0}}.settings-recipient-list{flex-direction:column;display:flex}.settings-recipient-item{border-top:1px solid var(--siam-border);justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.settings-recipient-main{min-width:0}.settings-recipient-main strong{color:var(--siam-charcoal);margin-bottom:5px;font-size:14px;display:block}.settings-recipient-main span{color:var(--siam-muted);word-break:break-word;font-size:13px;display:block}.settings-recipient-status{margin-top:2px;font-size:12px;font-weight:700;display:block}.settings-recipient-status-active{color:#1b6e32}.settings-recipient-status-inactive{color:var(--siam-muted)}.settings-recipient-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-recipient-actions button{min-height:38px;font:inherit;cursor:pointer;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.settings-recipient-actions .settings-secondary-button{border:1px solid var(--siam-border);background:var(--siam-paper)}.settings-recipient-actions .settings-danger-button{background:var(--siam-ivory);border:1px solid #fecaca}.settings-empty{color:var(--siam-muted);text-align:center;padding:28px 24px;font-size:13px}.settings-message{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px}.settings-message-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.settings-message-error{color:var(--siam-crimson-dark);background:#fef2f2;border:1px solid #fecaca}.settings-loading{text-align:center;color:var(--siam-muted);padding:80px 24px}@media (max-width:700px){.settings-page{padding:32px 16px 110px}.settings-recipient-form{grid-template-columns:1fr}.settings-recipient-item{flex-direction:column;align-items:flex-start}.settings-recipient-actions{width:100%}.settings-recipient-actions button{flex:1}}@media (max-width:430px){.settings-page{padding:24px 12px 108px}.settings-section-header,.settings-recipient-form,.settings-recipient-item{padding-left:16px;padding-right:16px}.settings-page-header h1{font-size:28px}.settings-form-actions{flex-direction:column}.settings-form-actions button{width:100%}}.activity-page{background:var(--siam-ivory);min-height:100vh;padding:48px 24px 100px}.activity-page-container{width:min(1280px,100%);margin:0 auto}.activity-back-link{color:var(--siam-charcoal);margin-bottom:18px;font-size:14px;text-decoration:none;display:inline-block}.activity-back-link:hover{color:var(--siam-crimson)}.activity-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.activity-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;margin:0 0 6px;font-size:12px;font-weight:800}.activity-header h1{color:var(--siam-charcoal);margin:0;font-size:clamp(28px,4vw,40px);line-height:1.15}.activity-header p{color:var(--siam-muted);margin:8px 0 0;font-size:14px}.activity-total{white-space:nowrap;color:var(--siam-charcoal);font-size:18px}.activity-filter-card,.activity-list-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:16px;box-shadow:0 4px 18px #0000000a}.activity-filter-card{margin-bottom:16px;padding:14px}.activity-filter-grid{grid-template-columns:minmax(180px,1.25fr) minmax(170px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) auto auto;gap:10px;display:grid}.activity-filter-grid select,.activity-filter-grid input{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:44px;color:var(--siam-charcoal);font:inherit;border-radius:10px;padding:0 12px}.activity-filter-button,.activity-reset-button,.activity-pagination button{min-height:44px;font:inherit;cursor:pointer;border-radius:10px;padding:0 16px;font-weight:700}.activity-filter-button{border:1px solid var(--siam-charcoal);background:var(--siam-charcoal);color:#fff}.activity-reset-button,.activity-pagination button{border:1px solid var(--siam-border);background:var(--siam-paper);color:var(--siam-charcoal)}.activity-pagination button:disabled{opacity:.4;cursor:not-allowed}.activity-error{color:var(--siam-crimson-dark);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:16px;padding:14px 16px}.activity-list-head{border-bottom:1px solid var(--siam-ivory);min-height:48px;color:var(--siam-muted);justify-content:flex-end;align-items:center;padding:0 16px;font-size:13px;display:flex}.activity-table-wrap{width:100%}.activity-row{box-sizing:border-box;grid-template-columns:150px 170px 170px minmax(240px,1fr);align-items:center;gap:16px;min-height:58px;padding:0 16px;display:grid}.activity-row-header{border-bottom:1px solid var(--siam-ivory);min-height:44px;color:var(--siam-muted);font-size:12px;font-weight:800}.transaction-list-summary{cursor:pointer;padding:14px 4px;display:block}.activity-item{border-bottom:1px solid #7f7f7f38}.activity-item:last-child{border-bottom:0}.activity-item summary{cursor:pointer;list-style:none}.activity-item summary::-webkit-details-marker{display:none}.activity-item summary:hover{background:var(--siam-ivory)}.activity-time{color:var(--siam-muted);white-space:nowrap;font-size:12px}.activity-user{color:var(--siam-charcoal);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.activity-action{border-radius:999px;align-items:center;width:fit-content;min-height:28px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.activity-action-positive{color:#15803d;background:#ecfdf3}.activity-action-neutral{background:var(--siam-ivory);color:var(--siam-muted)}.activity-action-default{color:#c2410c;background:#fff7ed}.activity-description{color:var(--siam-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-detail{background:var(--siam-ivory);border-top:1px solid #f1f1f1;grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) minmax(260px,1.2fr) minmax(280px,1.4fr);gap:14px;padding:16px 16px 18px;display:grid}.activity-detail>div{min-width:0}.activity-detail span{color:var(--siam-muted);margin-bottom:5px;font-size:11px;display:block}.activity-detail strong{color:var(--siam-charcoal);word-break:break-word;font-size:12px;line-height:1.5;display:block}.activity-detail-metadata pre{background:var(--siam-charcoal);max-height:220px;color:var(--siam-ivory);white-space:pre-wrap;border-radius:8px;margin:0;padding:10px;font-size:11px;line-height:1.5;overflow:auto}.activity-pagination{border-top:1px solid var(--siam-ivory);justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.activity-pagination span{color:var(--siam-muted);font-size:13px;font-weight:700}.activity-empty{text-align:center;color:var(--siam-muted);padding:70px 20px}.dashboard-activity-log{margin-bottom:14px}.dashboard-activity-log-card{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);min-height:72px;color:inherit;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.dashboard-activity-log-card:hover{border-color:var(--siam-border);transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.dashboard-activity-log-card>span{background:var(--siam-charcoal);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.dashboard-activity-log-card strong{color:var(--siam-charcoal);font-size:15px;display:block}.dashboard-activity-log-card small{color:var(--siam-muted);margin-top:3px;font-size:12px;display:block}@media (max-width:1000px){.activity-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-row{grid-template-columns:130px 150px 150px minmax(220px,1fr)}.activity-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.activity-page{padding:34px 14px calc(96px + env(safe-area-inset-bottom))}.activity-header{flex-direction:column;align-items:flex-start;gap:8px}.activity-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filter-grid button{grid-column:1/-1}.activity-row-header{display:none}.activity-row{grid-template-columns:95px minmax(100px,.8fr) minmax(120px,1fr);gap:8px;min-height:58px;padding:8px 12px}.activity-description{white-space:normal;grid-column:1/-1;padding-bottom:4px}.activity-time{font-size:11px}.activity-detail{grid-template-columns:1fr;padding:14px 12px}.activity-pagination{flex-wrap:wrap}.activity-total{font-size:15px}}.categories-page{background:var(--siam-ivory);min-height:100vh;padding:42px 24px 100px}.categories-page-container{width:min(920px,100%);margin:0 auto}.categories-back-link{color:var(--siam-charcoal);margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-flex}.categories-back-link:hover{color:var(--siam-crimson)}.categories-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.categories-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;margin:0 0 6px;font-size:12px;font-weight:800}.categories-header h1{color:var(--siam-charcoal);margin:0;font-size:clamp(28px,4vw,40px);line-height:1.15}.categories-header p{color:var(--siam-muted);margin:8px 0 0;font-size:14px}.categories-header>strong{color:var(--siam-charcoal);white-space:nowrap;font-size:15px}.categories-section{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #0000000a}.categories-message{border-radius:10px;margin:16px 16px 0;padding:12px 14px;font-size:13px}.categories-message-error{color:var(--siam-crimson-dark);background:#fef2f2;border:1px solid #fecaca}.categories-message-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.categories-message-editing{color:#92400e;background:#fffbeb;border:1px solid #fde68a;font-weight:600}.categories-form{border-bottom:1px solid var(--siam-ivory);background:var(--siam-paper);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:22px;display:grid}.units-form{flex-wrap:wrap;align-items:end;display:flex}.shifts-date-heading{color:var(--siam-crimson-dark,#4a0d17);margin:18px 16px 6px;font-size:13px;font-weight:800}.shifts-date-heading:first-child{margin-top:16px}.units-form .categories-field{flex:160px}.categories-field label{color:var(--siam-charcoal);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.categories-field input{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:46px;color:var(--siam-charcoal);font:inherit;border-radius:10px;outline:none;padding:0 13px}.categories-field input:focus{border-color:var(--siam-crimson);box-shadow:0 0 0 3px #dc262614}.categories-field input:disabled{background:var(--siam-ivory);cursor:not-allowed}.categories-form-actions{align-items:center;gap:8px;display:flex}.categories-primary-button,.categories-secondary-button{min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.categories-primary-button{border:1px solid var(--siam-crimson);background:var(--siam-crimson);color:#fff}.categories-primary-button:hover:not(:disabled){background:var(--siam-crimson-dark);border-color:var(--siam-crimson-dark)}.categories-secondary-button{border:1px solid var(--siam-border);background:var(--siam-paper);color:var(--siam-charcoal)}.categories-secondary-button:hover:not(:disabled){background:var(--siam-ivory)}.categories-primary-button:disabled,.categories-secondary-button:disabled{opacity:.55;cursor:not-allowed}.categories-list{background:var(--siam-paper)}.categories-item{border-bottom:1px solid var(--siam-ivory);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 22px;display:flex}.categories-item:last-child{border-bottom:0}.categories-item:hover{background:#fcfcfc}.categories-item-main{min-width:0}.categories-item-main strong{color:var(--siam-charcoal);font-size:15px;display:block}.categories-item-main small{color:var(--siam-muted);margin-top:4px;font-size:12px;display:block}.categories-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.categories-empty,.categories-loading{text-align:center;color:var(--siam-muted);padding:70px 24px}@media (max-width:700px){.categories-page{padding:30px 14px 100px}.categories-header{flex-direction:column;align-items:flex-start;gap:8px}.categories-form{grid-template-columns:1fr}.categories-form-actions{width:100%}.categories-form-actions>*{flex:1}.categories-item{flex-direction:column;align-items:flex-start}.categories-item-actions{width:100%}.categories-item-actions>*{flex:1}}@media (min-width:768px) and (max-width:900px){.products-mobile-cards{flex-direction:column;gap:12px;width:100%;display:flex!important}.products-responsive-table{display:none!important}}:root{--siam-crimson:#741624;--siam-crimson-dark:#4a0d17;--siam-crimson-deep:#31090f;--siam-crimson-soft:#9a3b4a;--siam-gold:#c7a45b;--siam-gold-light:#e4cb8b;--siam-gold-dark:#987331;--siam-ivory:#faf7f0;--siam-paper:#fffdf9;--siam-charcoal:#211c1a;--siam-muted:#786f69;--siam-border:#e5dbcc}html{background:var(--siam-ivory)}body{color:var(--siam-charcoal);background:radial-gradient(circle at 92% 0,#c7a45b1f,#0000 24%),linear-gradient(#fcfaf5 0%,#faf7f0 100%)}@media (min-width:1101px) and (pointer:fine){html[data-nav-theme=crimson] body:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#4a0d17 0%,#31090f 100%);width:288px;height:100vh;position:fixed;top:0;left:0}html[data-nav-theme=crimson] body:has(.desktop-sidebar-collapsed):before{width:98px}}.desktop-sidebar{z-index:1000;box-sizing:border-box;background:linear-gradient(#65101e 0%,#4a0d17 68%,#360911 100%);border:1px solid #e4cb8b3d;border-radius:24px;flex-direction:column;width:260px;padding:18px 14px;transition:width .22s,box-shadow .22s;display:flex;position:fixed;top:14px;bottom:14px;left:14px;overflow:hidden;box-shadow:0 28px 70px #2b070d38,inset 0 1px #ffffff12}.desktop-sidebar-collapsed{width:84px}.desktop-sidebar-brand{align-items:center;gap:11px;min-height:52px;padding:4px 4px 16px;display:flex}.desktop-sidebar-mark{width:43px;height:43px;color:var(--siam-crimson-deep);letter-spacing:.04em;background:linear-gradient(135deg,#ead79f,#c39c4e);border-radius:14px;flex:0 0 43px;place-items:center;font-size:13px;font-weight:900;display:grid;box-shadow:0 7px 22px #00000038}.desktop-sidebar-brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.desktop-sidebar-brand-text strong{color:#fff9ec;letter-spacing:.09em;font-size:13px}.desktop-sidebar-brand-text span{color:var(--siam-gold-light);letter-spacing:.17em;margin-top:5px;font-size:10px;font-weight:800}.desktop-sidebar-collapse{width:27px;height:27px;color:var(--siam-gold-light);cursor:pointer;background:#ffffff0d;border:1px solid #e4cb8b38;border-radius:50%;place-items:center;font-size:18px;transition:background .15s,transform .15s;display:grid;position:absolute;top:30px;right:13px}.desktop-sidebar-collapse:hover{background:#e4cb8b1f;transform:scale(1.06)}.desktop-sidebar-nav{flex-direction:column;gap:20px;margin-top:16px;display:flex}.desktop-sidebar-section{flex-direction:column;gap:5px;display:flex}.desktop-sidebar-section-label{color:#fff6;letter-spacing:.13em;padding:0 12px 7px;font-size:10px;font-weight:800}.desktop-sidebar-item{box-sizing:border-box;color:#ffffffbd;border:1px solid #0000;border-radius:13px;align-items:center;gap:12px;min-height:50px;padding:0 12px;font-size:13px;font-weight:650;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s;display:flex;position:relative}.desktop-sidebar-collapsed .desktop-sidebar-item{justify-content:center;padding:0}.desktop-sidebar-item:hover{color:#fff;background:#ffffff0e;transform:translate(1px)}.desktop-sidebar-item.is-active{color:#fffaf0;background:linear-gradient(90deg,#c7a45b38,#c7a45b0e);border-color:#e4cb8b3d}.desktop-sidebar-item.is-active:before{content:"";background:linear-gradient(#ead79f,#c39c4e);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:-1px}.desktop-sidebar-icon{width:23px;color:var(--siam-gold-light);flex:0 0 23px;place-items:center;font-size:21px;line-height:1;display:inline-grid}.desktop-sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:14px}.desktop-sidebar-logout{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin-top:6px}.desktop-sidebar-logout:disabled{opacity:.6;cursor:default}.desktop-sidebar-user{color:#fff;border-radius:13px;align-items:center;gap:10px;min-height:52px;padding:6px 8px;text-decoration:none;display:flex}.desktop-sidebar-user:hover{background:#ffffff0d}.desktop-sidebar-user-avatar{width:37px;height:37px;color:var(--siam-crimson-deep);background:linear-gradient(135deg,#e5ce91,#bf9849);border-radius:50%;flex:0 0 37px;place-items:center;font-size:13px;font-weight:900;display:grid}.desktop-sidebar-user-text{flex-direction:column;min-width:0;display:flex}.desktop-sidebar-user-text strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;overflow:hidden}.desktop-sidebar-user-text small{color:#ffffff85;margin-top:3px;font-size:10px}@media (min-width:1101px) and (pointer:fine){body{padding-left:288px}.desktop-sidebar{display:flex}body:has(.desktop-sidebar-collapsed){padding-left:98px}}@media (max-width:1100px),(pointer:coarse){.desktop-sidebar{display:none}body{padding-left:0!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(18px);background:linear-gradient(#69101ffa,#460b16fa)!important;border:1px solid #c7a45b4d!important;box-shadow:0 18px 50px #30060d47,0 0 0 1px #ffffff08!important}.mobile-bottom-nav-inner{gap:2px!important}.mobile-bottom-nav-item{color:#ffffffa3!important;border-radius:13px!important;min-height:52px!important;transition:transform .15s,color .15s,background .15s!important}.mobile-bottom-nav-item.is-active{color:var(--siam-gold-light)!important;background:linear-gradient(#c7a45b2e,#c7a45b0e)!important}.mobile-bottom-nav-item.is-active .mobile-bottom-nav-icon{transform:scale(1.08);color:var(--siam-gold-light)!important}.mobile-bottom-nav-icon{font-size:22px!important;transition:transform .15s,color .15s!important}.mobile-bottom-nav-label{font-size:10px!important;font-weight:750!important}.mobile-bottom-nav-more-panel{color:#fff!important;background:linear-gradient(#711424,#490d17)!important;border:1px solid #c7a45b45!important;box-shadow:0 25px 70px #27050b57!important}.mobile-bottom-nav-more-item{color:#fff8ee!important;background:#ffffff0b!important;border-color:#e4cb8b24!important}.mobile-bottom-nav-more-icon{color:var(--siam-gold-light)!important}}.categories-section,.activity-list-card,.activity-filter-card,.products-card,.users-detail-card{border-color:var(--siam-border)!important}.categories-primary-button,.users-primary-button,.add-product-button,.empty-add-button,.activity-filter-button{background:var(--siam-crimson)!important;border-color:var(--siam-crimson)!important;color:#fff!important}.categories-primary-button:hover,.users-primary-button:hover,.add-product-button:hover,.empty-add-button:hover,.activity-filter-button:hover{background:var(--siam-crimson-dark)!important;border-color:var(--siam-crimson-dark)!important}.categories-eyebrow,.activity-eyebrow,.products-eyebrow,.dashboard-eyebrow,.detail-eyebrow,.new-product-eyebrow{color:var(--siam-gold-dark)!important}input:focus,select:focus,textarea:focus{border-color:var(--siam-gold)!important;box-shadow:0 0 0 3px #c7a45b1f!important}.users-detail-card{background:var(--siam-paper)!important;border-radius:20px!important;box-shadow:0 14px 45px #471c1512!important}.users-detail-field input,.users-detail-field select{background:#fffdf9!important;border-color:#ddd2c6!important;border-radius:11px!important}.users-detail-actions{align-items:center!important;gap:12px!important;margin-top:8px!important;display:flex!important}.users-secondary-button{border-style:solid!important;border-width:1px!important;border-color:var(--siam-border)!important;background:var(--siam-paper,#fffdf9)!important;min-height:46px!important;color:var(--siam-crimson-dark)!important;border-radius:12px!important;align-items:center!important;padding:0 18px!important;font-weight:700!important;text-decoration:none!important;display:inline-flex!important}.users-secondary-button:hover{background:var(--siam-ivory,#faf7f0)!important}.back-link,.categories-back-link,.users-back-link{color:var(--siam-crimson-soft)!important}.status-dot{box-shadow:0 0 0 2px #c7a45b1a}@media (min-width:1101px) and (pointer:fine){:is(body:has(.login-page),body:has(.forgot-password-page)){padding-left:0!important}}.login-page{box-sizing:border-box;background:radial-gradient(circle at 50% 0,#c7a45b33,#0000 40%),radial-gradient(circle at 0 100%,#c7a45b1a,#0000 34%),linear-gradient(#fcfaf5 0%,#f6f0e7 100%)!important;justify-content:center!important;align-items:center!important;min-height:100dvh!important;padding:32px 24px!important;display:flex!important}.login-card{box-sizing:border-box;width:100%;background:#fffdf9f7!important;border:1px solid #9773313b!important;border-radius:22px!important;max-width:430px!important;padding:34px 34px 30px!important;box-shadow:0 24px 70px #4114181a,0 2px 12px #00000009!important}.brand-icon{justify-content:center;align-items:center;box-shadow:0 8px 26px #97733129;background:linear-gradient(135deg,#f4e6bd,#e4c77e)!important;border-radius:19px!important;width:68px!important;height:68px!important;margin:0 auto 16px!important;font-size:31px!important;display:flex!important}.brand h1{color:#8a6a24!important;letter-spacing:.01em!important;margin:0!important;font-size:clamp(22px,3vw,27px)!important;font-weight:850!important}.brand p{color:var(--siam-muted)!important;margin:8px 0 0!important;font-size:13px!important}.form-group label{color:var(--siam-charcoal)!important;font-size:13px!important;font-weight:750!important}.form-group input{box-sizing:border-box!important;height:50px!important;color:var(--siam-charcoal)!important;background:#fffefa!important;border:1px solid #d8cfc3!important;border-radius:11px!important;transition:border-color .16s,box-shadow .16s,background .16s!important}.form-group input::placeholder{color:#aaa19a!important}.form-group input:hover{border-color:#cbbb9f!important}.form-group input:focus{border-color:var(--siam-gold-dark)!important;background:#fff!important;box-shadow:0 0 0 3px #c7a45b21!important}.password-toggle{color:var(--siam-crimson)!important}.password-toggle:hover{color:var(--siam-crimson-dark)!important}.remember-account{color:#544b45!important}.remember-account input{accent-color:var(--siam-crimson)!important}.login-button{box-shadow:0 8px 22px #17130d40;color:#f4dfa3!important;letter-spacing:.01em!important;background:linear-gradient(#3a2f20 0%,#17130d 100%)!important;border:1px solid #2a2118!important;border-radius:12px!important;width:100%!important;height:52px!important;margin-top:2px!important;font-size:14px!important;font-weight:800!important;transition:transform .15s,box-shadow .15s,background .15s!important}.login-button:hover:not(:disabled){box-shadow:0 10px 26px #17130d52;background:linear-gradient(#2c2416 0%,#0f0c08 100%)!important}.login-button:active:not(:disabled){transform:translateY(1px)scale(.998)}.forgot-password-link{color:var(--siam-crimson)!important;margin-top:-3px!important;font-weight:750!important}.forgot-password-link:hover{color:var(--siam-crimson-dark)!important;text-decoration:none!important}.login-error{color:#7a1828!important;background:#fcf0f1!important;border:1px solid #74162433!important}.login-footer{color:#a0978f!important}body:has(.forgot-password-page){background:linear-gradient(#fcfaf5,#f6f0e7)!important}.forgot-password-card{background:#fffdf9f7!important;border:1px solid #9773313b!important;border-radius:22px!important;box-shadow:0 24px 70px #4114181a!important}@media (max-width:600px){.login-page{padding:18px 14px!important}.login-card{border-radius:19px!important;max-width:100%!important;padding:28px 20px 24px!important}.brand-icon{width:62px!important;height:62px!important}.brand h1{font-size:22px!important;line-height:1.25!important}}.brand-logo{object-fit:contain;width:min(260px,78%);height:auto;margin:0 auto 18px;display:block}.desktop-sidebar-mark{position:relative;overflow:hidden}.desktop-sidebar-mark img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block;transform:scale(1.16)}@media (max-width:600px){.brand-logo{width:min(210px,74%)}}html,body{font-synthesis:none;font-family:var(--font-ui)!important}.dashboard-page{color:#211c1a!important;background:linear-gradient(#fbfaf7 0%,#f7f3ed 100%)!important}.dashboard-container{max-width:1180px!important;margin:0 auto!important}@media (min-width:1101px) and (pointer:fine){.dashboard-container{max-width:100%!important}}.dashboard-header{background:var(--siam-crimson-dark,#4a0d17)!important;border-radius:20px 20px 0 0!important;margin-bottom:0!important;padding:18px 20px 14px!important}.dashboard-eyebrow{color:var(--siam-gold-light,#e4cb8b)!important;letter-spacing:.08em!important;margin-bottom:6px!important;font-size:12px!important;font-weight:700!important}.dashboard-header h1{color:var(--siam-gold-light,#e4cb8b)!important;letter-spacing:-.015em!important;font-size:30px!important;font-weight:700!important;line-height:1.2!important}.dashboard-date-line{color:#fffc;margin:0;font-size:13px;font-weight:600}.user-badge strong{color:#211c1a!important;font-size:14px!important;font-weight:700!important}.user-badge span{color:#776d66!important;font-size:12px!important;font-weight:500!important}.welcome-card{box-shadow:0 14px 35px #4a0d172e;background:linear-gradient(135deg, var(--siam-crimson,#741624) 0%, var(--siam-crimson-dark,#4a0d17) 100%)!important;border:1px solid #ffffff0f!important;border-radius:16px!important;margin-bottom:16px!important;padding:18px 22px!important}.welcome-card p{color:var(--siam-gold-light,#e4cb8b)!important;font-size:12px!important;font-weight:600!important}.welcome-card h2{color:var(--siam-ivory,#fffaf2)!important;letter-spacing:-.01em!important;font-size:21px!important;font-weight:700!important}.welcome-card span{color:#faf7f0bf!important;font-size:12px!important;font-weight:500!important}.dashboard-grid{gap:14px!important}.stat-card{background:#fffdfa!important;border:1px solid #e5ddd3!important;border-radius:16px!important;padding:20px 20px 18px!important;box-shadow:0 6px 22px #331e170b!important}.stat-card span{color:#756d68!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}.stat-card strong{color:#211c1a!important;margin-top:7px!important;font-size:32px!important;font-weight:700!important;line-height:1.05!important}.stat-card small{color:#8b827c!important;margin-top:4px!important;font-size:12px!important;font-weight:500!important}.dashboard-section{background:#fffdfa!important;border:1px solid #e5ddd3!important;border-radius:17px!important;box-shadow:0 6px 22px #331e170a!important}.section-header{padding:18px 20px!important}.section-header h2{color:#211c1a!important;font-size:16px!important;font-weight:700!important}.section-header p{color:#7c726b!important;font-size:12px!important;font-weight:500!important}.product-row,.dashboard-product-row{font-size:13px!important}.product-row strong,.dashboard-product-row strong{color:#211c1a!important;font-size:14px!important;font-weight:700!important}.dashboard-page button{font-family:var(--font-ui)!important;font-weight:700!important}.desktop-sidebar{font-family:var(--font-ui)!important}.desktop-sidebar-item{font-size:14px!important;font-weight:600!important;line-height:1.2!important}.desktop-sidebar-section-label{letter-spacing:.12em!important;font-size:10px!important;font-weight:700!important}.desktop-sidebar-brand-text strong{font-size:13px!important;font-weight:800!important}.desktop-sidebar-brand-text span{font-size:10px!important;font-weight:700!important}.desktop-sidebar-user-text strong{font-size:12px!important;font-weight:700!important}.desktop-sidebar-user-text small{font-size:10px!important;font-weight:500!important}.desktop-sidebar,.desktop-sidebar-item,.desktop-sidebar-brand,.desktop-sidebar-user{transform-origin:50%}.dashboard-page *,.desktop-sidebar *{text-shadow:none!important}@media (max-width:1100px),(pointer:coarse){.dashboard-page{padding-bottom:90px!important}.dashboard-header h1{font-size:26px!important}}@media (max-width:700px){.dashboard-container{width:100%!important}.welcome-card{padding:20px!important}.stat-card strong{font-size:29px!important}}html,body,.dashboard-page,.desktop-sidebar,.desktop-sidebar-item,.desktop-sidebar-brand,.desktop-sidebar-user,.dashboard-page button{font-synthesis:none;font-family:var(--font-ui)!important}.products-page .add-product-button,.products-page .empty-add-button{border:1px solid var(--siam-crimson)!important;background:var(--siam-crimson)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:13px!important;min-height:44px!important;padding:0 18px!important;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s!important;box-shadow:0 5px 14px #7416242e!important}.products-page .add-product-button:hover,.products-page .empty-add-button:hover{transform:translateY(-1px);background:var(--siam-crimson-dark)!important;border-color:var(--siam-crimson-dark)!important;box-shadow:0 7px 18px #74162438!important}.products-page .add-product-button:active,.products-page .empty-add-button:active{transform:translateY(0);box-shadow:0 3px 8px #74162429!important}@media (max-width:1100px),(pointer:coarse){.mobile-bottom-nav{visibility:visible!important;opacity:1!important;display:block!important}.mobile-bottom-nav-inner{grid-template-columns:repeat(5,minmax(0,1fr))!important;display:grid!important}}@media (min-width:1101px) and (pointer:fine){.mobile-bottom-nav{display:none!important}}.products-page .add-product-button,.products-page .empty-add-button{box-sizing:border-box!important;border:1px solid var(--siam-crimson)!important;background:var(--siam-crimson)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;white-space:nowrap!important;min-width:120px!important;height:auto!important;min-height:44px!important;box-shadow:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;padding:12px 18px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;display:inline-flex!important;transform:none!important}.products-page .add-product-button:hover,.products-page .empty-add-button:hover{background:var(--siam-crimson-dark)!important;border-color:var(--siam-crimson-dark)!important}@media (max-width:700px){.products-page .add-product-button,.products-page .empty-add-button{justify-content:center!important;width:100%!important;min-width:0!important}}@media (max-width:1100px),(pointer:coarse){.mobile-bottom-nav{left:10px!important;right:10px!important;bottom:max(10px, env(safe-area-inset-bottom))!important;visibility:visible!important;opacity:1!important;z-index:9999!important;pointer-events:none!important;display:block!important;position:fixed!important}.mobile-bottom-nav-inner{border:1px solid var(--siam-border)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:auto!important;background:#fffdf9fa!important;border-radius:18px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important;min-height:68px!important;padding:6px!important;display:grid!important;box-shadow:0 8px 24px #31090f24!important}.mobile-bottom-nav-item{min-width:0!important;min-height:56px!important;color:var(--siam-muted)!important;text-align:center!important;background:0 0!important;border:0!important;border-radius:13px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:6px 4px!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1.1!important;text-decoration:none!important;display:flex!important}.mobile-bottom-nav-icon{color:currentColor!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;font-size:20px!important;line-height:1!important;display:flex!important}.mobile-bottom-nav-label{white-space:nowrap!important;text-overflow:ellipsis!important;color:currentColor!important;max-width:100%!important;font-size:11px!important;font-weight:700!important;display:block!important;overflow:hidden!important}.mobile-bottom-nav-item.is-active{color:var(--siam-crimson)!important;background:#fff1f2!important}.mobile-bottom-nav-item.is-active:after{display:none!important}.mobile-bottom-nav-more-panel{border:1px solid var(--siam-border)!important;background:var(--siam-paper)!important;border-radius:20px!important;bottom:84px!important;left:10px!important;right:10px!important;box-shadow:0 16px 40px #31090f2e!important}body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}}@media (min-width:1101px) and (pointer:fine){.mobile-bottom-nav,.mobile-bottom-nav-backdrop,.mobile-bottom-nav-more-panel{display:none!important}body{padding-bottom:0!important}}:root,html[data-nav-theme=paper]{--nav-surface:var(--siam-paper,#fffdf9);--nav-border:var(--siam-border,#e5dbcc);--nav-shadow:0 -6px 20px #31090f12;--nav-fg:#9a938d;--nav-fg-hover:#4d4640;--nav-active:var(--siam-crimson,#741624);--nav-active-icon:var(--siam-crimson,#741624);--nav-active-bg:transparent;--nav-rail:linear-gradient(90deg, var(--siam-gold,#c7a45b), var(--siam-crimson,#741624));--nav-rail-v:var(--siam-crimson,#741624);--nav-brand-mark:linear-gradient(135deg, var(--siam-crimson,#741624), var(--siam-crimson-deep,#31090f));--nav-brand-mark-fg:var(--siam-gold-light,#e4cb8b);--nav-brand-fg:var(--siam-crimson,#741624);--nav-brand-sub-fg:#987331;--nav-group-fg:#a9a09a;--nav-user-fg:var(--siam-charcoal,#211c1a);--nav-user-sub-fg:var(--siam-muted,#786f69);--nav-divider:#efe6d8;--nav-hover-bg:#7416240d}html[data-nav-theme=crimson]{--nav-surface:linear-gradient(180deg, #741624, #4a0d17);--nav-border:#e4cb8b52;--nav-shadow:0 -8px 26px #30060d42;--nav-fg:#fffdf99e;--nav-fg-hover:#fffdf9;--nav-active:var(--siam-gold-light,#e4cb8b);--nav-active-icon:var(--siam-gold-light,#e4cb8b);--nav-active-bg:transparent;--nav-rail:var(--siam-gold-light,#e4cb8b);--nav-rail-v:linear-gradient(180deg, #ead79f, #c39c4e);--nav-brand-mark:linear-gradient(135deg, #ead79f, #c39c4e);--nav-brand-mark-fg:var(--siam-crimson-deep,#31090f);--nav-brand-fg:#fff9ec;--nav-brand-sub-fg:var(--siam-gold-light,#e4cb8b);--nav-group-fg:#fff6;--nav-user-fg:#fff;--nav-user-sub-fg:#ffffff8c;--nav-divider:#ffffff17;--nav-hover-bg:#ffffff0e}@media (max-width:1023px){html .mobile-bottom-nav{z-index:9999!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;width:auto!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}html .mobile-bottom-nav-inner{width:100%!important;min-height:56px!important;padding:0 4px calc(env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid var(--nav-border)!important;background:var(--nav-surface)!important;box-shadow:var(--nav-shadow)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:auto!important;border-radius:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;display:grid!important}html .mobile-bottom-nav-item{-webkit-tap-highlight-color:transparent;min-width:0!important;min-height:52px!important;color:var(--nav-fg)!important;background:0 0!important;border:0!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:9px 2px 8px!important;font-family:Noto Sans Thai,system-ui,sans-serif!important;text-decoration:none!important;transition:color .16s,transform .16s!important;display:flex!important;position:relative!important}html .mobile-bottom-nav-item:active{transform:scale(.97)!important}html .mobile-bottom-nav-icon{color:currentColor!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;font-size:21px!important;font-weight:600!important;line-height:1!important;display:flex!important;transform:none!important}html .mobile-bottom-nav-label{white-space:nowrap!important;text-overflow:ellipsis!important;color:currentColor!important;text-align:center!important;max-width:100%!important;font-size:10.5px!important;font-weight:500!important;line-height:1.1!important;display:block!important;overflow:hidden!important}html .mobile-bottom-nav-item.is-active{background:var(--nav-active-bg)!important;color:var(--nav-active)!important}html .mobile-bottom-nav-item.is-active .mobile-bottom-nav-icon{color:var(--nav-active-icon)!important}html .mobile-bottom-nav-item.is-active .mobile-bottom-nav-label{font-weight:700!important}html .mobile-bottom-nav-item.is-active:after{content:""!important;background:var(--nav-rail)!important;border-radius:99px!important;width:26px!important;height:2px!important;display:block!important;position:absolute!important;top:0!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}html .mobile-bottom-nav-more-panel{left:10px!important;right:10px!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;border:1px solid var(--nav-border)!important;background:var(--nav-surface)!important;border-radius:20px!important;box-shadow:0 18px 44px #31090f33!important}html[data-nav-theme=crimson] .mobile-bottom-nav-more-item{color:#fff8ee!important;background:#ffffff0d!important;border-color:#e4cb8b29!important}html[data-nav-theme=crimson] .mobile-bottom-nav-more-item strong{color:#fff8ee!important}html[data-nav-theme=crimson] .mobile-bottom-nav-more-item small{color:#fff8eeb3!important}html[data-nav-theme=crimson] .mobile-bottom-nav-more-title strong{color:#fff8ee!important}html[data-nav-theme=crimson] .mobile-bottom-nav-more-title span{color:#fff8eeb3!important}html[data-nav-theme=crimson] .mobile-bottom-nav-more-icon{color:var(--siam-gold-light,#e4cb8b)!important;background:#e4cb8b24!important}html .mobile-bottom-nav-choices{z-index:9001!important;border:1px solid var(--nav-border,#e5dbcc)!important;background:var(--siam-paper,#fffdf9)!important;border-radius:14px!important;flex-direction:column!important;gap:4px!important;min-width:208px!important;padding:6px!important;display:flex!important;position:absolute!important;bottom:calc(100% + 10px)!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 14px 32px #31090f38!important}html .mobile-bottom-nav-choices-item{color:var(--siam-charcoal,#211c1a)!important;border-radius:10px!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;display:flex!important}html .mobile-bottom-nav-choices-item:active{background:var(--siam-ivory,#faf7f0)!important}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}html .mobile-bottom-nav-fab-wrap{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;display:flex!important;position:relative!important}html .mobile-bottom-nav-fab{-webkit-tap-highlight-color:transparent;background:var(--siam-gold,#c7a45b)!important;border:3px solid var(--siam-crimson-dark,#4a0d17)!important;width:54px!important;height:54px!important;color:var(--siam-crimson-dark,#4a0d17)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:22px!important;font-weight:700!important;text-decoration:none!important;transition:transform .16s!important;display:flex!important;position:relative!important;top:-20px!important;box-shadow:0 6px 16px #30060d59!important}html .mobile-bottom-nav-fab:active{transform:scale(.96)!important}html .mobile-bottom-nav-fab-label{color:var(--nav-active,var(--siam-crimson,#741624))!important;white-space:nowrap!important;font-size:10.5px!important;font-weight:700!important;position:relative!important;top:-14px!important}}html .desktop-sidebar{background:var(--nav-surface)!important;border:1px solid var(--nav-border)!important;font-family:Noto Sans Thai,system-ui,sans-serif!important;box-shadow:0 22px 60px #2b070d24!important}html .desktop-sidebar-mark{background:var(--nav-brand-mark)!important;color:var(--nav-brand-mark-fg)!important}html .desktop-sidebar-brand-text strong{color:var(--nav-brand-fg)!important;font-family:Noto Sans Thai,system-ui,sans-serif!important;font-weight:800!important}html .desktop-sidebar-brand-text span{color:var(--nav-brand-sub-fg)!important;font-family:Noto Sans Thai,system-ui,sans-serif!important;font-weight:700!important}html .desktop-sidebar-section-label{color:var(--nav-group-fg)!important;font-family:Noto Sans Thai,system-ui,sans-serif!important}html .desktop-sidebar-collapse{border-color:var(--nav-border)!important;background:var(--nav-surface)!important;color:var(--nav-active)!important}html .desktop-sidebar-item{color:var(--nav-fg-hover)!important;background:0 0!important;border-color:#0000!important;font-family:Noto Sans Thai,system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important}html .desktop-sidebar-item:hover{background:var(--nav-hover-bg)!important;color:var(--nav-fg-hover)!important}html .desktop-sidebar-icon{color:var(--nav-fg)!important;font-size:19px!important}html .desktop-sidebar-item.is-active{background:var(--nav-active-bg)!important;color:var(--nav-active)!important;border-color:#0000!important;font-weight:700!important}html .desktop-sidebar-item.is-active .desktop-sidebar-icon{color:var(--nav-active-icon)!important}html .desktop-sidebar-item.is-active:before{background:var(--nav-rail-v)!important}html .desktop-sidebar-bottom{border-top-color:var(--nav-divider)!important}html .desktop-sidebar-user-avatar{background:var(--nav-brand-mark)!important;color:var(--nav-brand-mark-fg)!important}html .desktop-sidebar-user-text strong{color:var(--nav-user-fg)!important;font-family:Noto Sans Thai,system-ui,sans-serif!important}html .desktop-sidebar-user-text small{color:var(--nav-user-sub-fg)!important;font-family:Noto Sans Thai,system-ui,sans-serif!important}html .desktop-sidebar-user:hover{background:var(--nav-hover-bg)!important}html body{background:var(--siam-ivory,#faf7f0)!important}html .card,html .panel,html .surface,html [class*=-card],html [class*=-panel]{background:var(--siam-paper,#fffdf9);border-color:var(--siam-border,#e5dbcc)}@media (max-width:1023px){html .mobile-bottom-nav-inner{grid-template-columns:repeat(var(--nav-cols,5), minmax(0, 1fr))!important}}html[data-nav-theme=paper],:root{--nav-brand-fg:var(--siam-gold-light,#e4cb8b)}html .desktop-sidebar-brand-text strong{color:var(--nav-brand-fg)!important}.users-avatar{color:var(--siam-crimson-deep,#31090f)!important;background:linear-gradient(135deg,#ead79f,#c39c4e)!important}.users-role-owner{color:var(--siam-crimson-dark,#4a0d17)!important;background:#7416241a!important}.users-role-staff{background:var(--siam-ivory,#faf7f0)!important;color:var(--siam-muted,#786f69)!important}.users-status-active{color:#15803d!important;background:#15803d1f!important}.users-status-inactive{color:var(--siam-crimson-dark,#4a0d17)!important;background:#dc26261a!important}.barcode-scan-button{border:1px solid var(--siam-border,#e5dbcc)!important;background:var(--siam-paper,#fffdf9)!important;color:var(--siam-charcoal,#211c1a)!important}.barcode-scan-button:hover{background:var(--siam-ivory,#faf7f0)!important}:root{--siam-ui-crimson:var(--siam-crimson,#741624);--siam-ui-crimson-dark:var(--siam-crimson-dark,#4a0d17);--siam-ui-gold:var(--siam-gold,#c7a45b);--siam-ui-gold-light:var(--siam-gold-light,#e4cb8b);--siam-ui-ivory:var(--siam-ivory,#faf7f0);--siam-ui-paper:var(--siam-paper,#fffdf9)}.products-eyebrow,.settings-eyebrow{color:var(--siam-ui-gold)!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important}.users-page-header h1:before,.transactions-page-header h1:before,.profile-header-title h1:before{content:"SIAM SHABU MALA TANG";margin-bottom:8px;display:block;color:var(--siam-ui-gold)!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important}.users-primary-button,.settings-primary-button,.profile-primary-button,.profile-save-button,.profile-avatar-upload-button,.transaction-filter-tabs button.active,.transaction-filter-form button[type=submit],.categories-primary-button,.add-product-button,.empty-add-button,.activity-filter-button{background:var(--siam-ui-crimson)!important;color:var(--siam-ui-ivory)!important;border-color:var(--siam-ui-crimson)!important}.users-primary-button:hover,.settings-primary-button:hover,.profile-primary-button:hover,.profile-save-button:hover,.profile-avatar-upload-button:hover,.transaction-filter-tabs button.active:hover,.transaction-filter-form button[type=submit]:hover,.categories-primary-button:hover:not(:disabled),.add-product-button:hover,.empty-add-button:hover,.activity-filter-button:hover{background:var(--siam-ui-crimson-dark)!important;color:var(--siam-ui-ivory)!important;border-color:var(--siam-ui-crimson-dark)!important}.users-primary-button:focus-visible,.settings-primary-button:focus-visible,.profile-primary-button:focus-visible,.profile-save-button:focus-visible,.profile-avatar-upload-button:focus-visible,.transaction-filter-tabs button:focus-visible,.transaction-filter-form button:focus-visible,.categories-primary-button:focus-visible,.add-product-button:focus-visible,.empty-add-button:focus-visible,.activity-filter-button:focus-visible{outline:2px solid var(--siam-ui-gold)!important;outline-offset:2px!important}.users-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.users-summary-card{box-sizing:border-box!important;width:100%!important;min-width:0!important}@media (max-width:700px){.users-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.users-summary-card{min-height:104px!important}}@media (max-width:340px){.users-summary-grid{grid-template-columns:1fr!important}}.users-primary-button,.settings-primary-button,.profile-primary-button,.profile-save-button,.profile-avatar-upload-button,.transaction-filter-form button[type=submit],.categories-primary-button,.add-product-button,.empty-add-button,.activity-filter-button{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s!important;box-shadow:0 4px 12px #74162429!important}.users-primary-button:active,.settings-primary-button:active,.profile-primary-button:active,.profile-save-button:active,.profile-avatar-upload-button:active,.transaction-filter-form button[type=submit]:active,.categories-primary-button:active,.add-product-button:active,.empty-add-button:active,.activity-filter-button:active{transform:translateY(1px);box-shadow:0 2px 7px #74162424!important}.settings-theme-switch{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);box-sizing:border-box;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:6px;display:grid;box-shadow:inset 0 1px #ffffffa6,0 4px 14px #31090f0f}.settings-theme-switch-option{min-width:0;min-height:58px;color:var(--siam-charcoal,#211c1a);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:13px;font-weight:700;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex}.settings-theme-switch-option:hover:not(.is-selected):not(.is-skeleton){background:var(--siam-ivory,#faf7f0);border-color:var(--siam-border,#e5dbcc)}.settings-theme-switch-option:active:not(.is-skeleton){transform:translateY(1px)}.settings-theme-switch-option.is-selected{background:var(--siam-crimson,#741624);color:var(--siam-ivory,#faf7f0);border-color:var(--siam-crimson,#741624);box-shadow:0 5px 14px #74162438}.settings-theme-switch-option.is-selected:hover{background:var(--siam-crimson-dark,#4a0d17);border-color:var(--siam-crimson-dark,#4a0d17)}.settings-theme-switch-icon{width:24px;height:24px;color:var(--siam-crimson,#741624);background:#74162414;border-radius:8px;flex:0 0 24px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.settings-theme-switch-option.is-selected .settings-theme-switch-icon{color:var(--siam-gold-light,#e4cb8b);background:#ffffff24}.settings-theme-switch-label{white-space:nowrap}.settings-theme-switch-option small{color:var(--siam-muted,#786f69);margin-left:1px;font-size:10px;font-weight:600}.settings-theme-switch-option.is-selected small{color:#faf7f0c7}.settings-theme-switch-option.is-skeleton{cursor:default;opacity:.55;pointer-events:none}.settings-theme-switch-option:focus-visible{outline:2px solid var(--siam-gold,#c7a45b);outline-offset:2px}@media (max-width:480px){.settings-theme-switch{gap:6px;padding:5px}.settings-theme-switch-option{gap:5px;min-height:54px;padding:9px 8px;font-size:12px}.settings-theme-switch-option small{display:none}.settings-theme-switch-icon{flex-basis:22px;width:22px;height:22px}}@media (max-width:700px){.settings-page-header h1{letter-spacing:-.02em!important;font-size:29px!important;line-height:1.15!important}.settings-page-header .settings-user-info{display:none!important}}.dashboard-page h1{color:var(--siam-gold-light,#e4cb8b)!important}@media (min-width:1101px) and (pointer:fine){.desktop-sidebar{width:280px!important;max-width:280px!important;padding-top:18px!important;padding-bottom:16px!important}.desktop-sidebar.desktop-sidebar-collapsed{width:84px!important;max-width:84px!important}.desktop-sidebar-brand{margin-bottom:12px!important;padding-left:14px!important;padding-right:14px!important}.desktop-sidebar-nav{gap:4px!important}.desktop-sidebar-section{margin-bottom:12px!important}.desktop-sidebar-section-label{margin-bottom:5px!important;padding-left:14px!important;font-size:11px!important;font-weight:750!important}.desktop-sidebar-item{border-radius:10px!important;min-height:44px!important;margin:2px 8px!important;padding:8px 12px!important;font-size:15px!important;font-weight:650!important}.desktop-sidebar-icon{width:24px!important;min-width:24px!important;font-size:19px!important}.desktop-sidebar-bottom{margin-top:8px!important;padding:12px 10px!important}.desktop-sidebar-user{border-radius:10px!important;padding:9px 10px!important}.desktop-sidebar-user-text strong{font-size:13px!important;font-weight:750!important}.desktop-sidebar-user-text small{font-size:11px!important;font-weight:600!important}}.settings-page,.dashboard-page,.users-page,.products-page,.transactions-page,.profile-page,.activity-page,.settings-page p,.dashboard-page p,.users-page p,.products-page p,.transactions-page p,.profile-page p,.activity-page p{font-weight:500!important}.settings-page label,.dashboard-page label,.users-page label,.products-page label,.transactions-page label,.profile-page label,.activity-page label{font-weight:600!important}.settings-page input,.settings-page select,.settings-page textarea,.dashboard-page input,.dashboard-page select,.dashboard-page textarea,.users-page input,.users-page select,.users-page textarea,.products-page input,.products-page select,.products-page textarea,.transactions-page input,.transactions-page select,.transactions-page textarea{font-weight:500!important}.settings-page h1,.settings-page h2,.dashboard-page h1,.dashboard-page h2,.users-page h1,.users-page h2,.products-page h1,.products-page h2,.transactions-page h1,.transactions-page h2,.profile-page h1,.profile-page h2,.activity-page h1,.activity-page h2{font-weight:700!important}@media (max-width:700px){.mobile-bottom-nav-label{font-weight:650!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-theme-switch-compact{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-shrink:0;padding:0}.nav-theme-switch-compact-track{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);border-radius:999px;align-items:center;width:44px;height:24px;padding:2px;transition:background .2s,border-color .2s;display:flex;box-shadow:0 4px 12px #31090f1f}.nav-theme-switch-compact.is-crimson .nav-theme-switch-compact-track{background:var(--siam-crimson-dark,#4a0d17);border-color:var(--siam-crimson-dark,#4a0d17)}.nav-theme-switch-compact-thumb{background:var(--siam-crimson,#741624);width:18px;height:18px;color:var(--siam-ivory,#fff);border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:transform .2s,background .2s,color .2s;display:flex;transform:translate(0)}.nav-theme-switch-compact.is-crimson .nav-theme-switch-compact-thumb{background:var(--siam-gold,#c7a45b);color:var(--siam-crimson-dark,#4a0d17);transform:translate(20px)}.nav-theme-switch-compact.is-skeleton{opacity:0;pointer-events:none}.dashboard-header-actions{align-items:center;gap:12px;display:flex}.dashboard-hero{background:linear-gradient(165deg, var(--siam-crimson-dark,#4a0d17) 0%, var(--siam-crimson-dark,#4a0d17) 55%, #3a0a12 100%);color:var(--siam-ivory,#faf7f0);border-radius:0 0 20px 20px;margin-top:0;margin-bottom:16px;padding:20px 22px}.dashboard-hero-value-count{font-size:40px}.dashboard-hero-label-below{color:#faf7f0a6;margin:4px 0 0;font-size:12px;font-weight:500}.dashboard-hero-label{color:var(--siam-gold-light,#e4cb8b);margin:0 0 6px;font-size:12px;font-weight:600}.dashboard-hero-value{color:var(--siam-gold-light,#e4cb8b);letter-spacing:-.01em;margin:0;font-size:34px;font-weight:800}.dashboard-hero-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.dashboard-hero-pill{background:#ffffff17;border-radius:12px;padding:10px 12px}.dashboard-hero-pill span{color:#faf7f0bf;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.dashboard-hero-pill strong{color:#fff;font-size:16px;font-weight:800}.dashboard-hero-pill em{color:var(--siam-gold-light,#e4cb8b);margin-top:2px;font-size:12px;font-style:normal;font-weight:700;display:block}html[data-nav-theme=paper] .dashboard-header,html[data-nav-theme=paper] .dashboard-hero{background:var(--mala-paper-soft,#f8f3eb)!important;color:var(--mala-text,#2c2422)!important}html[data-nav-theme=paper] .dashboard-eyebrow,html[data-nav-theme=paper] .dashboard-hero-label,html[data-nav-theme=paper] .dashboard-hero-value{color:var(--mala-crimson,#741624)!important}html[data-nav-theme=paper] .dashboard-hero-label-below,html[data-nav-theme=paper] .dashboard-date-line{color:var(--mala-text-muted,#756a65)!important}html[data-nav-theme=paper] .dashboard-hero-pill{background:var(--mala-surface,#fff)!important;border:1px solid var(--mala-border,#e5ddd3)!important}html[data-nav-theme=paper] .dashboard-hero-pill span{color:var(--mala-text-muted,#756a65)!important}html[data-nav-theme=paper] .dashboard-hero-pill strong{color:var(--mala-text,#2c2422)!important}html[data-nav-theme=paper] .dashboard-hero-pill em{color:var(--mala-crimson,#741624)!important}.dashboard-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.dashboard-quick-action{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);color:inherit;border-radius:16px;flex-direction:column;gap:8px;padding:14px 12px;text-decoration:none;display:flex}.dashboard-quick-action strong{color:var(--siam-charcoal,#211c1a);font-size:13px}.dashboard-quick-action small{color:var(--siam-muted,#786f69);font-size:11px}.dashboard-quick-action-icon{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.dashboard-quick-action-icon-number{align-self:flex-start;width:auto;min-width:30px;padding:0 6px;font-size:16px;font-weight:800}.dashboard-quick-action-icon-crimson{background:var(--siam-crimson,#741624)}.dashboard-quick-action-icon-gold{background:var(--siam-gold,#c7a45b)}.dashboard-quick-action-icon-coral{background:#d1553f}.dashboard-reorder{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);border-radius:18px;margin-bottom:16px;padding:16px}.dashboard-reorder-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.dashboard-reorder-head h2{margin:0;font-size:15px}.dashboard-reorder-head span{color:var(--siam-crimson,#741624);font-size:12px;font-weight:700}.dashboard-reorder-item{border-left:3px solid var(--siam-crimson,#741624);border-bottom:1px solid var(--siam-ivory,#faf7f0);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 10px 12px;text-decoration:none;display:flex}.dashboard-reorder-item:last-child{border-bottom:0}.dashboard-reorder-item strong{color:var(--siam-charcoal,#211c1a);font-size:13px;display:block}.dashboard-reorder-item small{color:var(--siam-muted,#786f69);font-size:11px}.dashboard-reorder-qty{text-align:right}.dashboard-reorder-qty strong{color:var(--siam-crimson,#741624);font-size:14px}.stock-count-header{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.stock-count-progress{color:var(--siam-crimson,#741624);font-size:13px;font-weight:700}.stock-count-progress-bar{background:var(--siam-border,#e5dbcc);border-radius:3px;height:5px;margin-bottom:16px;overflow:hidden}.stock-count-progress-bar-fill{background:var(--siam-gold,#c7a45b);height:100%;transition:width .2s}.stock-count-search-row{gap:8px;margin-bottom:14px;display:flex}.stock-count-search-row input{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);min-height:44px;color:var(--siam-charcoal,#211c1a);font:inherit;border-radius:10px;flex:1;padding:0 14px}.stock-count-search-row button{white-space:nowrap}.stock-count-empty{text-align:center;color:var(--siam-muted,#786f69);padding:24px 0;font-size:13px}.stock-count-list{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);border-radius:16px;margin-bottom:16px;overflow:hidden}.stock-count-row{border:0;border-bottom:1px solid var(--siam-border,#e5dbcc);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.stock-count-row:last-child{border-bottom:0}.stock-count-row:active{background:var(--siam-ivory,#faf7f0)}.stock-count-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.stock-count-row-name{color:var(--siam-charcoal,#211c1a);font-size:14px;font-weight:700}.stock-count-row-cat{text-transform:uppercase;letter-spacing:.04em;color:var(--siam-gold,#c7a45b);font-size:10px;font-weight:700}.stock-count-row-sub{color:var(--siam-muted,#786f69);font-size:11px}.stock-count-row-qty{text-align:right;flex-shrink:0}.stock-count-row-qty .is-counted{color:var(--siam-charcoal,#211c1a);font-size:14px;font-weight:700}.stock-count-row-qty .is-pending{color:var(--siam-muted,#786f69);font-size:13px}.stock-count-row-qty small{margin-top:2px;font-size:10px;font-weight:700;display:block}.stock-count-row-qty small.is-neutral{color:var(--siam-muted,#786f69)}.stock-count-row-qty small.is-diff{color:var(--siam-crimson,#741624)}.stock-count-backdrop{z-index:10000;cursor:default;background:#211c1a73;border:0;position:fixed;inset:0}.stock-count-sheet{z-index:10001;max-height:88vh;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));background:var(--siam-crimson-dark,#4a0d17);color:var(--siam-ivory,#fff);border-radius:24px 24px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 40px #31090f4d}.stock-count-sheet-handle{background:#ffffff40;border-radius:2px;width:40px;height:4px;margin:6px auto 14px}.stock-count-sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.stock-count-sheet-head strong{font-size:16px;display:block}.stock-count-sheet-head span{color:var(--siam-gold-light,#e4cb8b);margin-top:2px;font-size:12px;display:block}.stock-count-sheet-head button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;width:28px;height:28px;font-size:14px}.stock-count-pad-display{border-bottom:1px solid #ffffff26;align-items:baseline;gap:8px;margin-bottom:4px;padding:14px 0;display:flex}.stock-count-pad-display span{color:#fff;font-size:32px;font-weight:700}.stock-count-pad-display small{color:var(--siam-gold-light,#e4cb8b);font-size:13px}.stock-count-diff-hint{color:#fff9;margin:0 0 14px;font-size:12px}.stock-count-diff-hint.is-danger{color:#ffb4b4}.stock-count-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.stock-count-numpad button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;min-height:48px;font-size:17px;font-weight:600}.stock-count-numpad button:active{background:#ffffff29}.stock-count-confirm{width:100%;margin-top:6px}.stock-count-sheet .settings-field label{color:var(--siam-gold-light,#e4cb8b)!important}.stock-count-sheet .settings-field input,.stock-count-sheet .settings-field select{color:#fff!important;background:#ffffff14!important;border-color:#fff3!important}@media (pointer:coarse),(max-width:1100px){html .mobile-bottom-nav{z-index:9999!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;width:auto!important;max-width:none!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}html .mobile-bottom-nav-inner{grid-template-columns:repeat(var(--nav-cols,5), minmax(0, 1fr))!important;box-sizing:border-box!important;pointer-events:auto!important;width:100%!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;background:var(--nav-surface)!important;border-top:1px solid var(--nav-border,transparent)!important;box-shadow:var(--nav-shadow,none)!important;border-radius:0!important;align-items:stretch!important;margin:0!important;display:grid!important}html .mobile-bottom-nav-item,html .mobile-bottom-nav-fab,html .mobile-bottom-nav-choices-item{pointer-events:auto!important}html .mobile-bottom-nav-more-panel{pointer-events:auto!important;width:auto!important;max-width:none!important;left:12px!important;right:12px!important;transform:none!important}}.mobile-bottom-nav-item-skeleton{pointer-events:none}.mobile-bottom-nav-skeleton-icon{background:var(--siam-border,#e5dbcc);border-radius:50%;width:22px;height:22px;animation:1.2s ease-in-out infinite siam-skeleton-pulse;display:block}.mobile-bottom-nav-skeleton-label{background:var(--siam-border,#e5dbcc);border-radius:4px;width:34px;height:8px;margin-top:4px;animation:1.2s ease-in-out .1s infinite siam-skeleton-pulse;display:block}.desktop-sidebar-item-skeleton{pointer-events:none}.desktop-sidebar-skeleton-icon{background:#ffffff1f;border-radius:6px;width:19px;height:19px;animation:1.2s ease-in-out infinite siam-skeleton-pulse;display:block}.desktop-sidebar-skeleton-label{background:#ffffff1f;border-radius:5px;width:90px;height:10px;animation:1.2s ease-in-out .1s infinite siam-skeleton-pulse;display:block}@keyframes siam-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.categories-item-main small.categories-status-active,.categories-status-active{color:#1b6e32;margin-top:4px;font-size:12px;font-weight:600;display:block}.categories-item-main small.categories-status-inactive,.categories-status-inactive{color:var(--siam-muted,#786f69);margin-top:4px;font-size:12px;display:block}.dashboard-page{background:#faf7f0!important;padding-top:0!important}.dashboard-header{border-radius:0!important}@media (max-width:1100px),(pointer:coarse){.dashboard-header{box-sizing:border-box!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}}html,body{font-family:var(--font-noto-sans-thai), "Noto Sans Thai", sans-serif!important}.mala-summary-cards{overflow:hidden;box-shadow:none!important;background:linear-gradient(#4a0d17,#31090f)!important;border:none!important;border-radius:20px!important;gap:0!important;padding:4px 18px!important;display:block!important}.mala-summary-cards article{box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #faf7f024!important;border-radius:0!important}.mala-summary-cards article:last-child{border-bottom:none!important}.mala-summary-cards article span{color:#e4cb8b!important}.mala-summary-cards article strong{color:#faf7f0!important}.mala-summary-chart-card{background:linear-gradient(#4a0d17,#31090f)!important;border-color:#0000!important}.mala-summary-chart-card .mala-summary-section-heading h2,.mala-summary-chart-card .mala-summary-bar-label strong{color:#faf7f0!important}.mala-summary-chart-card .mala-summary-section-heading span,.mala-summary-chart-card .mala-summary-bar-label span{color:#e4cb8b!important}.mala-summary-chart-card .mala-summary-bar-track{background:#faf7f029!important}.mala-summary-chart-card .mala-summary-bar-fill{background:linear-gradient(90deg,#c7a45b,#e4cb8b)!important}html[data-nav-theme=paper] .mala-summary-hero-chart{background:var(--mala-paper-soft,#f8f3eb)!important;color:var(--mala-text,#2c2422)!important;border:1px solid var(--mala-border,#e5ddd3)!important}html[data-nav-theme=paper] .mala-summary-hero-label,html[data-nav-theme=paper] .mala-summary-hero-value{color:var(--mala-crimson,#741624)!important}html[data-nav-theme=paper] .mala-summary-hero-value span{color:var(--mala-text-muted,#756a65)!important}html[data-nav-theme=paper] .mala-summary-week-bar-track{background:var(--mala-surface-muted,#f3eee6)!important}html[data-nav-theme=paper] .mala-summary-week-bar-fill{background:var(--mala-border-strong,#cfc2b6)!important}html[data-nav-theme=paper] .mala-summary-week-bar-col.is-today .mala-summary-week-bar-fill{background:linear-gradient(180deg, var(--mala-gold,#c7a45b), var(--mala-crimson,#741624))!important}html[data-nav-theme=paper] .mala-summary-week-bar-col span{color:var(--mala-text-muted,#756a65)!important}html[data-nav-theme=paper] .mala-summary-cards{background:var(--mala-paper-soft,#f8f3eb)!important;border:1px solid var(--mala-border,#e5ddd3)!important}html[data-nav-theme=paper] .mala-summary-cards article{border-bottom:1px solid var(--mala-border,#e5ddd3)!important}html[data-nav-theme=paper] .mala-summary-cards article span{color:var(--mala-text-muted,#756a65)!important}html[data-nav-theme=paper] .mala-summary-cards article strong{color:var(--mala-text,#2c2422)!important}html[data-nav-theme=paper] .mala-summary-cards article:first-child{background:var(--mala-paper-soft,#f8f3eb)!important;border-color:#0000!important}html[data-nav-theme=paper] .mala-summary-cards article:first-child span{color:var(--mala-text-muted,#756a65)!important}html[data-nav-theme=paper] .mala-summary-cards article:first-child strong{color:var(--mala-text,#2c2422)!important}html[data-nav-theme=paper] .mala-summary-chart-card{background:var(--mala-paper-soft,#f8f3eb)!important;border:1px solid var(--mala-border,#e5ddd3)!important}html[data-nav-theme=paper] .mala-summary-chart-card .mala-summary-section-heading h2,html[data-nav-theme=paper] .mala-summary-chart-card .mala-summary-bar-label strong{color:var(--mala-text,#2c2422)!important}html[data-nav-theme=paper] .mala-summary-chart-card .mala-summary-section-heading span,html[data-nav-theme=paper] .mala-summary-chart-card .mala-summary-bar-label span{color:var(--mala-crimson,#741624)!important}html[data-nav-theme=paper] .mala-summary-chart-card .mala-summary-bar-track{background:var(--mala-surface-muted,#f3eee6)!important}html .mobile-bottom-nav-mascot-ring{box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}html .mobile-bottom-nav-mascot-ring img{transform:translateY(-6%);object-fit:contain!important;width:130%!important;height:130%!important}.dashboard-hero{border-radius:0 0 20px 20px!important;margin-bottom:16px!important}@media (max-width:1100px),(pointer:coarse){.dashboard-hero{box-sizing:border-box!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}}@media (min-width:1101px) and (pointer:fine){.dashboard-header,.dashboard-hero{box-sizing:border-box!important;width:calc(100% + 48px)!important;margin-left:-24px!important;margin-right:-24px!important}.dashboard-header{border-radius:0!important}}.mala-summary-hero-chart{color:#faf7f0;background:linear-gradient(#4a0d17,#31090f);border-radius:20px;margin-bottom:16px;padding:22px 20px}.mala-summary-hero-label{color:#e4cb8b;margin:0 0 6px;font-size:12px;font-weight:700}.mala-summary-hero-value{color:#faf7f0;margin:0 0 20px;font-size:32px;font-weight:850}.mala-summary-hero-value span{color:#e4cb8b;margin-left:8px;font-size:13px;font-weight:600}.mala-summary-week-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:90px;display:flex}.mala-summary-week-bar-col{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;height:100%;display:flex}.mala-summary-week-bar-track{align-items:flex-end;width:100%;height:68px;display:flex}.mala-summary-week-bar-fill{background:#faf7f059;border-radius:6px 6px 3px 3px;width:100%;min-height:6px}.mala-summary-week-bar-col.is-today .mala-summary-week-bar-fill{background:linear-gradient(#e4cb8b,#c7a45b)}.mala-summary-week-bar-col span{color:#e4cb8b;font-size:11px}html .mobile-bottom-nav-mascot-scan-badge{z-index:1!important;border:2px solid var(--siam-gold,#c7a45b)!important;color:#f8f0e1!important;background:radial-gradient(circle at 35% 30%,#a32330,#6b1218 70%,#480b10)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important;position:absolute!important;bottom:10px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 3px 8px #1c0a0c59!important}html .mobile-bottom-nav-mascot-scan-badge svg{width:18px!important;height:18px!important}html .mobile-bottom-nav-mascot-ring{z-index:2!important}.users-summary-card,.users-summary-card span,.users-summary-card strong{color:var(--siam-charcoal,#241713)!important}.users-summary-card span{opacity:.65}html[data-nav-theme=crimson]{--ui-text:#241713!important;--ui-text-muted:#786f69!important;--ui-bg:var(--mala-paper)!important;--ui-surface:var(--mala-surface)!important;--ui-surface-muted:var(--mala-paper-soft)!important;--ui-border:var(--mala-border)!important;--ui-border-strong:var(--mala-border-strong)!important}.users-detail-card{max-width:520px!important;margin:0 auto!important;padding:28px!important}.users-detail-field{margin-bottom:18px!important;display:block!important}.users-detail-field label{color:var(--siam-charcoal,#241713)!important;margin-bottom:6px!important;font-size:13px!important;font-weight:600!important;display:block!important}.users-detail-field input,.users-detail-field select{box-sizing:border-box!important;width:100%!important;height:46px!important;color:var(--siam-charcoal,#241713)!important;background:#fffdf9!important;border:1px solid #ddd2c6!important;border-radius:11px!important;padding:0 14px!important;font-size:14px!important;display:block!important}html body .mobile-bottom-nav-mascot-img.mobile-bottom-nav-mascot-img{filter:drop-shadow(0 6px 10px #1c100d59)!important;width:112px!important;max-width:none!important;height:auto!important;position:absolute!important;top:-12px!important;left:50%!important;transform:translate(-50%)!important}.mala-app-header,html[data-nav-theme=crimson] .mala-app-header,html[data-nav-theme=paper] .mala-app-header{border-bottom:none!important}html[data-nav-theme=crimson] .mala-app-header{background:linear-gradient(180deg, var(--mala-crimson) 0%, var(--mala-crimson-dark) 100%)!important}@media (min-width:1101px) and (pointer:fine){.mala-app-header-brand{display:none}}.staff-dash-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.staff-dash-header h1{color:var(--siam-charcoal);margin:0;font-size:clamp(24px,4vw,32px);line-height:1.2}.staff-dash-subtitle{color:var(--siam-muted);margin:6px 0 0;font-size:13px}.staff-dash-manage-link{color:var(--siam-crimson);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700;text-decoration:none}.staff-dash-manage-link:hover{color:var(--siam-crimson-dark);text-decoration:underline}.staff-dash-section{margin-top:26px}.staff-dash-section-title{color:var(--siam-crimson-dark);letter-spacing:.04em;margin:0 0 12px;font-size:13px;font-weight:800}.staff-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.staff-dash-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 3px 12px #0000000a}.staff-dash-card-top{align-items:center;gap:10px;min-width:0;display:flex}.staff-dash-avatar{background:var(--siam-crimson);color:#fff;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.staff-dash-card-name{flex-direction:column;gap:1px;min-width:0;display:flex}.staff-dash-card-name strong{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-charcoal);font-size:14px;overflow:hidden}.staff-dash-card-name span{color:var(--siam-muted);font-size:11px}.staff-dash-card-time{color:var(--siam-crimson-dark);font-size:13px;font-weight:700}.staff-dash-status{white-space:nowrap;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.staff-dash-status-checked_in{background:var(--siam-crimson);color:#fff}.staff-dash-status-not_checked_in{background:var(--siam-gold-light);color:var(--siam-gold-dark)}.staff-dash-status-day_off{background:var(--siam-border);color:var(--siam-muted)}.staff-dash-attendance{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.staff-dash-late-badge{color:var(--siam-crimson-dark);white-space:nowrap;background:#fef2f2;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.staff-dash-hours-list{flex-direction:column;gap:12px;padding:4px 2px;display:flex}.staff-dash-hours-row{grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;gap:10px;display:grid}.staff-dash-hours-name{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-charcoal);font-size:13px;font-weight:700;overflow:hidden}.staff-dash-hours-bar-track{background:var(--siam-ivory);border-radius:999px;height:10px;overflow:hidden}.staff-dash-hours-bar-fill{background:var(--siam-crimson);border-radius:999px;height:100%}.staff-dash-hours-value{color:var(--siam-muted);text-align:right;font-size:12px}@media (min-width:640px){.staff-dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.staff-dash-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.attendance-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.shift-manage-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:18px;margin-bottom:16px;padding:20px;box-shadow:0 3px 14px #0000000a}.shift-manage-header-actions{align-items:center;gap:14px;display:flex}.shift-manage-header-actions strong{color:var(--siam-charcoal);white-space:nowrap;font-size:15px}.shift-manage-card-title{color:var(--siam-crimson-dark);letter-spacing:.02em;margin:0 0 16px;font-size:13px;font-weight:800}.shift-manage-form{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.shift-manage-form .categories-field{flex:160px}.shift-manage-form .categories-field select{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:46px;color:var(--siam-charcoal);font:inherit;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--siam-muted) 50%), linear-gradient(135deg, var(--siam-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s}.shift-manage-form .categories-field select:focus{border-color:var(--siam-crimson);box-shadow:0 0 0 3px #dc262614}.shift-manage-form .categories-field select:disabled{background-color:var(--siam-ivory);cursor:not-allowed}.shift-manage-form .categories-field input{transition:border-color .15s,box-shadow .15s}.shift-manage-list-card{padding-left:12px;padding-right:12px}.shift-manage-day-group{border-bottom:2px solid var(--siam-border);margin-bottom:16px;padding-bottom:16px}.shift-manage-day-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.shift-manage-date-heading{color:var(--siam-crimson-dark,#4a0d17);justify-content:space-between;align-items:center;gap:8px;margin:14px 4px 10px;font-size:13px;font-weight:800;display:flex}.shift-manage-date-heading:first-child{margin-top:2px}.shift-manage-day-count{background:var(--siam-ivory);color:var(--siam-muted);border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.shift-manage-day-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.shift-manage-row{border:1px solid var(--siam-border);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:12px;display:flex}.shift-manage-row:hover{background:#fcfcfc;box-shadow:0 2px 10px #1c100d0f}.shift-manage-row-avatar{flex-shrink:0}.shift-manage-row-main{flex:1;min-width:0}.shift-manage-row-main strong{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-charcoal);font-size:14px;display:block;overflow:hidden}.shift-manage-row-main small{color:var(--siam-muted);margin-top:3px;font-size:12px;display:block}.shift-manage-row-actions{border-top:1px solid var(--siam-ivory);flex-shrink:0;align-items:center;gap:8px;width:100%;padding-top:8px;display:flex}.shift-manage-row-actions button{flex:1}@media (max-width:700px){.shift-manage-card{padding:16px}.shift-manage-form{flex-direction:column;align-items:stretch}.shift-manage-form .categories-field{flex:none}.shift-manage-form .categories-form-actions{justify-content:stretch}.shift-manage-form .categories-form-actions button{flex:1}.shift-manage-row-actions{flex-direction:row;gap:6px}.shift-manage-row-actions button{min-height:32px;padding:0 10px;font-size:12px}}.attendance-status-text{color:var(--siam-charcoal);margin:0;font-size:15px}.attendance-status-text strong{color:var(--siam-crimson-dark)}.attendance-action-button{min-width:180px;min-height:52px;font-size:16px}.attendance-team-card{margin-top:16px}.attendance-team-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.attendance-team-header h2{color:var(--siam-charcoal);margin:0;font-size:16px}.attendance-team-header input[type=date]{border:1px solid var(--siam-ivory);height:40px;font:inherit;border-radius:9px;padding:0 10px}.attendance-team-list{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.attendance-team-row{border:1px solid var(--siam-ivory);text-align:center;background:var(--siam-paper);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:background-color .15s,border-color .15s;display:flex}.attendance-team-row.is-late{background:#dc26260f;border-color:#dc262647}.attendance-team-row-main{width:100%;min-width:0}.attendance-team-row-main strong{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-charcoal);font-size:13px;display:block;overflow:hidden}.attendance-team-row-main small{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-muted);margin-top:2px;font-size:11px;display:block;overflow:hidden}.attendance-team-row-status{color:var(--siam-charcoal);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.attendance-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.attendance-badge-late{color:#b91c1c;background:#dc26261f}.attendance-badge-ontime{color:#1b6e32;background:#1b6e321f}.attendance-badge-missing{background:var(--siam-ivory);color:var(--siam-muted)}@media (max-width:900px){.attendance-team-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.attendance-team-list{grid-template-columns:1fr 1fr;gap:8px}.attendance-team-row{padding:10px 6px}}.mala-scan-page{background:var(--siam-ivory);min-height:100vh;padding:42px 24px 100px}.mala-scan-container{width:min(640px,100%);margin:0 auto}.mala-scan-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mala-scan-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;margin:0 0 6px;font-size:12px;font-weight:800}.mala-scan-header h1{color:var(--siam-charcoal);margin:0;font-size:clamp(26px,4vw,34px);line-height:1.15}.mala-scan-header>div>p:last-child{color:var(--siam-muted);margin:8px 0 0;font-size:14px}.mala-scan-primary-button,.mala-scan-secondary-button{min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.mala-scan-primary-button{border:1px solid var(--siam-crimson);background:var(--siam-crimson);color:#fff}.mala-scan-primary-button:hover{background:var(--siam-crimson-dark);border-color:var(--siam-crimson-dark)}.mala-scan-secondary-button{border:1px solid var(--siam-border);background:var(--siam-paper);color:var(--siam-charcoal);flex-shrink:0}.mala-scan-secondary-button:hover{background:var(--siam-ivory)}.mala-scan-card,.mala-scan-result{text-align:center;border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:18px;margin-bottom:20px;padding:32px 24px;box-shadow:0 5px 20px #0000000a}.mala-scan-card-icon,.mala-scan-result-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.mala-scan-card-icon{background:var(--siam-crimson)!important;color:#fff!important}.mala-scan-result-icon{background:var(--siam-ivory);color:var(--siam-muted)}.mala-scan-result-success .mala-scan-result-icon{color:#15803d;background:#15803d1f}.mala-scan-result-warning .mala-scan-result-icon{color:var(--siam-crimson-dark);background:#dc26261a}.mala-scan-card h2,.mala-scan-result h2{color:var(--siam-charcoal);margin:0 0 8px;font-size:19px}.mala-scan-card>p,.mala-scan-result>p{color:var(--siam-muted);margin:0;font-size:14px}.mala-scan-result-eyebrow{color:var(--siam-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.mala-scan-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.mala-scan-error{color:var(--siam-crimson-dark);text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:4px;padding:12px 14px;font-size:13px}@media (max-width:700px){.mala-scan-page{padding:30px 14px 100px}.mala-scan-header{flex-direction:column;align-items:stretch}.mala-scan-secondary-button{align-self:flex-start}.mala-scan-card,.mala-scan-result{padding:26px 18px}}.schedule-page{background:var(--siam-ivory);min-height:100vh;padding:42px 24px 100px}.schedule-container{width:min(760px,100%);margin:0 auto}.schedule-header{margin-bottom:24px}.schedule-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.schedule-header h1{margin:0 0 6px;font-size:28px}.schedule-header p{color:var(--siam-muted);margin:0;font-size:14px}.schedule-error{color:var(--siam-crimson-dark);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px}.schedule-color-card,.schedule-calendar-card,.schedule-detail-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:18px;margin-bottom:20px;padding:20px;box-shadow:0 10px 30px #2b070d0f}.schedule-color-label{color:var(--siam-charcoal);margin:0 0 12px;font-size:13px;font-weight:700}.schedule-color-swatches{flex-wrap:wrap;gap:10px;display:flex}.schedule-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:transform .15s,border-color .15s}.schedule-color-swatch:hover{transform:scale(1.08)}.schedule-color-swatch.is-selected{border-color:var(--siam-charcoal);box-shadow:0 0 0 2px var(--siam-paper)}.schedule-month-nav{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.schedule-month-nav strong{text-align:center;min-width:160px;font-size:16px}.schedule-month-nav button{border:1px solid var(--siam-border);background:var(--siam-ivory);cursor:pointer;border-radius:50%;width:34px;height:34px;font-size:18px;line-height:1}.schedule-month-nav button:hover{background:var(--siam-crimson);color:#fff;border-color:var(--siam-crimson)}.schedule-weekday-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.schedule-weekday-row span{text-align:center;color:var(--siam-muted);font-size:12px;font-weight:700}.schedule-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.schedule-cell{background:var(--siam-ivory);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:64px;padding:6px 4px;font-family:inherit;display:flex}.schedule-cell.is-empty{cursor:default;background:0 0}.schedule-cell:not(.is-empty):hover{border-color:var(--siam-border-strong)}.schedule-cell.is-today .schedule-cell-date{color:var(--siam-crimson);font-weight:800}.schedule-cell.is-selected{background:var(--mala-paper-soft,#f5ede0);border-color:var(--siam-crimson)}.schedule-cell-date{color:var(--siam-charcoal);font-size:13px;font-weight:600}.schedule-cell-chips{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.schedule-chip{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:inline-flex}.schedule-chip-more{background:var(--siam-muted)!important}.schedule-detail-card h2{margin:0 0 14px;font-size:16px}.schedule-detail-list{flex-direction:column;gap:12px;display:flex}.schedule-detail-item{align-items:center;gap:12px;display:flex}.schedule-detail-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.schedule-detail-copy{flex-direction:column;gap:2px;display:flex}.schedule-detail-copy strong{color:var(--siam-charcoal);font-size:14px}.schedule-detail-copy small{color:var(--siam-muted);font-size:12px}.schedule-empty{text-align:center;color:var(--siam-muted);padding:20px 0;font-size:13px}@media (max-width:700px){.schedule-cell{min-height:52px}.schedule-chip{width:15px;height:15px;font-size:8px}}.shiftcal-page{background:var(--siam-ivory);min-height:100vh;padding:42px 24px 100px}.shiftcal-container{width:min(1080px,100%);margin:0 auto}.shiftcal-header{margin-bottom:20px}.shiftcal-eyebrow{color:var(--siam-crimson);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.shiftcal-header h1{margin:0 0 6px;font-size:26px}.shiftcal-header p{color:var(--siam-muted);margin:0;font-size:14px}.shiftcal-nav{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.shiftcal-nav strong{text-align:center;min-width:220px;font-size:15px}.shiftcal-nav button{border:1px solid var(--siam-border);background:var(--siam-paper);cursor:pointer;border-radius:17px;height:34px;padding:0 14px;font-size:16px;line-height:1}.shiftcal-nav button:hover{background:var(--siam-crimson);color:#fff;border-color:var(--siam-crimson)}.shiftcal-today-button{font-weight:700;font-size:13px!important}.shiftcal-legend{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:14px;flex-wrap:wrap;gap:10px 18px;margin-bottom:16px;padding:12px 16px;display:flex}.shiftcal-legend-item{color:var(--siam-charcoal);align-items:center;gap:6px;font-size:12px;display:inline-flex}.shiftcal-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.shiftcal-grid-card{border:1px solid var(--siam-border);background:var(--siam-paper);border-radius:18px;flex-direction:column;display:flex;overflow:auto hidden;box-shadow:0 10px 30px #2b070d0f}.shiftcal-day-header-row{background:var(--siam-paper);border-bottom:1px solid var(--siam-border);flex-shrink:0;min-width:760px;display:flex}.shiftcal-time-gutter{flex-shrink:0;width:56px}.shiftcal-day-header{text-align:center;border-left:1px solid var(--siam-border);flex:1;min-width:90px;padding:10px 4px}.shiftcal-day-header.is-today .shiftcal-day-date{color:#fff;background:var(--siam-crimson)}.shiftcal-day-label{color:var(--siam-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.shiftcal-day-date{width:26px;height:26px;color:var(--siam-charcoal);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.shiftcal-body{flex:1;min-width:760px;min-height:0;display:flex;overflow:hidden}.shiftcal-time-labels{height:100%;overflow:hidden}.shiftcal-hour-label{box-sizing:border-box;text-align:right;color:var(--siam-muted);padding-top:1px;padding-right:6px;font-size:10px;line-height:1.1;overflow:hidden}.shiftcal-days{flex:1;height:100%;display:flex;position:relative}.shiftcal-hour-line{background:var(--siam-border);z-index:0;height:1px;position:absolute;left:0;right:0}.shiftcal-day-column{border-left:1px solid var(--siam-border);flex:1;min-width:90px;position:relative}.shiftcal-day-column.is-today{background:#74162408}.shiftcal-block{z-index:2;color:#fff;cursor:default;border-radius:8px;padding:4px 6px;position:absolute;left:3px;right:3px;overflow:hidden;box-shadow:0 2px 6px #2b070d2e}.shiftcal-block strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;display:block;overflow:hidden}.shiftcal-block small{opacity:.9;font-size:10px;display:block}@media (max-width:700px){.shiftcal-page{padding:30px 14px 100px}}.users-card{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);border-radius:16px;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 10px #2b070d0a}.users-card:hover{border-color:var(--siam-gold,#c7a45b);transform:translateY(-2px);box-shadow:0 8px 22px #2b070d1a}.users-avatar{width:52px;height:52px;color:var(--siam-crimson-deep,#31090f);background:linear-gradient(135deg,#ead79f,#c39c4e);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;display:grid;box-shadow:0 3px 10px #97733140}.users-card-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.users-card-name{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-charcoal,#211c1a);font-size:16px;font-weight:800;overflow:hidden}.users-card-username{text-overflow:ellipsis;white-space:nowrap;color:var(--siam-muted,#786f69);font-size:13px;overflow:hidden}.users-card-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.users-role-owner,.users-role-staff,.users-status-active,.users-status-inactive{letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.users-card-arrow{background:var(--siam-ivory,#faf7f0);width:32px;height:32px;color:var(--siam-crimson,#741624);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;transition:transform .15s,background .15s;display:grid}.users-card:hover .users-card-arrow{background:var(--siam-gold-light,#e4cb8b);transform:translate(2px)}@media (max-width:700px){.users-card{border-radius:14px;gap:12px;padding:13px 14px}.users-avatar{width:44px;height:44px;font-size:16px}.users-card-name{font-size:15px}.users-card-arrow{width:28px;height:28px;font-size:14px}.shift-manage-day-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.shift-manage-row{border-radius:12px;gap:6px;padding:8px}.shift-manage-row-avatar{flex:0 0 26px;width:26px;height:26px;font-size:11px}.shift-manage-row-main strong{white-space:normal;text-overflow:clip;font-size:11.5px;line-height:1.35;overflow:visible}.shift-manage-row-main small{font-size:10px}.shift-manage-row-actions{gap:5px;padding-top:6px}.shift-manage-row-actions button{min-height:26px;padding:0 6px;font-size:10.5px}}.users-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}@media (max-width:700px){.users-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.users-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.users-card-arrow{display:none}.users-avatar{width:36px;height:36px;font-size:14px}.users-card-name{white-space:normal;font-size:13px}.users-card-username{font-size:11px}.users-role-owner,.users-role-staff,.users-status-active,.users-status-inactive{padding:2px 8px;font-size:10px}}.shiftcal-agenda{display:none}@media (max-width:700px){.shiftcal-grid-card-desktop{display:none}.shiftcal-agenda{flex-direction:column;gap:12px;display:flex}.shiftcal-agenda-day{border:1px solid var(--siam-border,#e5dbcc);background:var(--siam-paper,#fffdf9);border-radius:14px;padding:12px 14px}.shiftcal-agenda-day.is-today{border-color:var(--siam-crimson,#741624);border-width:2px}.shiftcal-agenda-day-heading{color:var(--siam-crimson-dark,#4a0d17);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.shiftcal-agenda-day-count{background:var(--siam-ivory,#faf7f0);color:var(--siam-muted,#786f69);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.shiftcal-agenda-empty{color:var(--siam-muted,#786f69);padding:6px 0;font-size:12px}.shiftcal-agenda-row{border-top:1px solid var(--siam-ivory,#faf7f0);align-items:center;gap:8px;padding:7px 0;display:flex}.shiftcal-agenda-row:first-of-type{border-top:none}.shiftcal-agenda-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.shiftcal-agenda-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--siam-charcoal,#211c1a);flex:1;font-size:13px;font-weight:700;overflow:hidden}.shiftcal-agenda-time{color:var(--siam-muted,#786f69);flex-shrink:0;font-size:12px}.shift-manage-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 12px;display:grid}.shift-manage-form .categories-field{min-width:0}.shift-manage-form .categories-field.shift-field-full,.shift-manage-form .categories-form-actions{grid-column:1/-1}}.sidebar-wordmark-logo{object-fit:contain;width:auto;max-width:190px;height:52px;display:block}.desktop-sidebar-collapsed .sidebar-wordmark-logo{display:none}.header-wordmark-logo{object-fit:contain;width:auto;max-width:200px;height:40px;display:block}@media (max-width:640px){.header-wordmark-logo{max-width:150px;height:32px}}.mala-app-header-left{align-items:center;gap:10px;min-width:0;display:flex}@media (max-width:640px){.mala-app-header-left{gap:6px}.mala-global-back-button{min-height:32px;padding:0 9px}.mala-global-back-button svg{width:15px;height:15px}}.permanent-delete-row-checkbox{width:18px;height:18px;accent-color:var(--siam-crimson-dark);cursor:pointer;flex-shrink:0}.permanent-delete-row-checkbox:disabled{cursor:not-allowed;opacity:.4}.permanent-delete-bulk-bar{border:1px solid var(--siam-border);background:var(--siam-ivory);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.permanent-delete-select-all{color:var(--siam-charcoal);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.permanent-delete-select-all input{width:16px;height:16px;accent-color:var(--siam-crimson-dark);cursor:pointer}.permanent-delete-bulk-confirm{background:#fef2f2;border:1px solid #dc262647;border-radius:12px;margin-bottom:14px;padding:14px 16px}.permanent-delete-bulk-confirm p{color:#7a1828;margin:0 0 10px;font-size:13px}@media (max-width:700px){.permanent-delete-bulk-bar{flex-direction:column;align-items:stretch}}button.profile-advance-menu-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}button.profile-advance-menu-item:disabled{opacity:.6;cursor:not-allowed}.settings-gate-card .password-toggle{min-height:0;color:var(--siam-crimson,var(--primary));background:0 0;border:0;border-radius:0;margin-top:0;padding:8px;font-weight:400}.settings-gate-card .password-toggle:disabled{opacity:.5}.permanent-delete-hint{color:var(--siam-muted);margin:0;padding:20px 24px 0;font-size:12px}.permanent-delete-list{flex-direction:column;gap:8px;padding:20px 24px;display:flex}.user-detail-note{box-sizing:border-box;border:1px solid var(--siam-border);background:var(--siam-paper);width:100%;min-height:80px;font:inherit;resize:vertical;border-radius:10px;outline:none;padding:10px 13px}.user-detail-note:focus{border-color:var(--siam-charcoal);box-shadow:0 0 0 3px #11182714}.user-history-print-action{justify-content:flex-end;margin-bottom:16px;display:flex}.user-history-note{border:1px solid var(--siam-border);background:var(--siam-ivory);border-radius:12px;margin-bottom:16px;padding:14px 16px}.user-history-note strong{color:var(--siam-crimson-dark);margin-bottom:6px;font-size:13px;display:block}.user-history-note p{color:var(--siam-charcoal);white-space:pre-wrap;margin:0;font-size:14px}@media print{.mala-app-header,.desktop-sidebar,.mobile-bottom-nav,.settings-back-link,.user-history-print-action,.permanent-delete-tab:not(.is-active),.permanent-delete-tabs{display:none!important}body{padding-left:0!important}}.attendance-session-list{flex-direction:column;gap:4px;width:100%;display:flex}.attendance-resume-hint{color:var(--siam-muted);text-align:center;margin:0;font-size:12px}.attendance-history-card{padding:20px}.attendance-history-card h2{color:var(--siam-charcoal);margin:0 0 14px;font-size:16px}.attendance-history-list{flex-direction:column;gap:14px;display:flex}.attendance-history-day{border-bottom:1px solid var(--siam-ivory);padding-bottom:12px}.attendance-history-day:last-child{border-bottom:0;padding-bottom:0}.attendance-history-date{color:var(--siam-crimson-dark);margin-bottom:6px;font-size:13px;display:block}.attendance-history-range{color:var(--siam-charcoal);margin:0 0 2px;font-size:14px}.user-history-list{flex-direction:column;gap:12px;display:flex}.product-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.products-thumb{border:1px solid var(--siam-border);object-fit:cover;background:#fff;border-radius:10px;flex-shrink:0;width:40px;height:40px}.products-thumb-table{border-radius:8px;width:34px;height:34px}.products-thumb-empty{background:var(--siam-ivory);display:inline-block}.products-thumb-empty:after{content:"🥬";opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;display:flex}.detail-title-row{align-items:center;gap:16px;margin-top:8px;display:flex}.detail-product-image{border:1px solid var(--siam-border);object-fit:cover;background:#fff;border-radius:14px;flex-shrink:0;width:72px;height:72px}.detail-product-image-empty{background:var(--siam-ivory);display:inline-block;position:relative}.detail-product-image-empty:after{content:"🥬";opacity:.5;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{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}