.full-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);min-height:60vh;color:var(--text-muted);font-family:var(--font-thai);font-size:13px}.full-loader__spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--navy);border-radius:50%;animation:full-loader-spin 1.2s linear infinite}@keyframes full-loader-spin{to{transform:rotate(360deg)}}.inline-loader{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;color:var(--text);font-family:var(--font-thai);font-size:12px}.inline-loader__spinner{width:16px;height:16px;border-width:2px}.profile-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#11182766}.profile-sheet{width:100%;max-width:520px;background:var(--surface);border-radius:20px 20px 0 0;padding:var(--sp-3) var(--sp-5) var(--sp-6);animation:profile-sheet-in .18s ease-out}@keyframes profile-sheet-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-sheet__handle{display:block;width:44px;height:4px;margin:0 auto var(--sp-4);border-radius:var(--radius-pill);background:var(--border-strong)}.profile-sheet__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.profile-sheet__head h2{font-size:24px;font-weight:600;color:var(--text-strong)}.profile-sheet__head button{display:inline-flex;border:0;background:none;color:var(--text);padding:4px}.profile-sheet__identity{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-5) 0;padding:var(--sp-4);background:#f7f7f9;border-radius:var(--radius)}.profile-sheet__avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:62px;height:62px;border-radius:50%;background:#d4d4d8;color:var(--navy);font-size:18px;font-weight:600}.profile-sheet__facts p{font-size:14px;color:var(--text);font-family:var(--font-thai)}.profile-sheet__name{font-size:17px!important;font-weight:700;color:var(--text-strong);margin-bottom:2px}.profile-sheet__signout{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;padding:16px;border:0;border-radius:var(--radius-lg);background:var(--navy);color:#fff;font-size:20px;font-weight:500}.profile-sheet__signout:hover{background:var(--navy-dark)}@media (min-width: 768px){.profile-sheet__backdrop{align-items:center}.profile-sheet{border-radius:20px}.profile-sheet__handle{display:none}}.store-search{position:relative;width:100%}.store-search__button{display:flex;align-items:center;gap:var(--sp-1);width:100%;height:34px;padding:0 9px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;font-family:var(--font-thai);text-align:left;cursor:pointer}.store-search__button:disabled{cursor:default}.store-search__button>svg{flex:none;color:var(--text-muted)}.store-search__value{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.store-search__panel{position:absolute;top:calc(100% + 4px);left:0;z-index:50;width:max(100%,280px);max-width:calc(100vw - 32px);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-raised)}.store-search__input{display:flex;align-items:center;gap:var(--sp-2);height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted)}.store-search__input:focus-within{border-color:var(--navy)}.store-search__input input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;font-family:var(--font-thai)}.store-search__list{max-height:280px;margin:var(--sp-2) 0 0;padding:0;overflow-y:auto;list-style:none}.store-search__option{padding:7px 10px;border-radius:6px;font-size:12px;cursor:pointer}.store-search__option.is-highlighted{background:var(--surface-muted)}.store-search__option.is-selected{font-weight:600;color:var(--navy)}.store-search__empty,.store-search__more{margin:var(--sp-2) 0 0;padding:0 4px;font-size:11px;color:var(--text-muted)}.context-bar{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--context-bar-h);padding:var(--sp-2) var(--sp-3);background:var(--context-bar)}.context-bar__field{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0}.context-bar__field select{width:100%;height:34px;padding:0 26px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;font-family:var(--font-thai);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis}.context-bar__field select:disabled{color:var(--text);opacity:1;cursor:default}.context-bar__field>svg{position:absolute;right:9px;pointer-events:none;color:var(--text-muted)}@media (min-width: 768px){.context-bar{padding:var(--sp-2) var(--sp-6)}.context-bar__field{flex:0 0 auto;min-width:160px}.context-bar__field--store{min-width:260px}}.mr-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--header-h);padding:0 var(--sp-4);background:var(--navy);color:#fff}.mr-header__left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.mr-header__menu{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;border-radius:var(--radius-sm);background:transparent;color:#fff}.mr-header__menu:hover{background:#ffffff1f}.mr-header__brand{font-size:20px;font-weight:700;letter-spacing:-.01em}.mr-header__actions{display:flex;align-items:center;gap:var(--sp-2)}.mr-header__lang{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:#fff;color:var(--navy);font-size:12px;font-weight:700}.mr-header__avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:50%;background:#d4d4d8;color:var(--navy);font-size:11px;font-weight:700}@media (min-width: 768px){.mr-header{padding:0 var(--sp-6)}.mr-header__left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.mr-header__menu{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;border-radius:var(--radius-sm);background:transparent;color:#fff}.mr-header__menu:hover{background:#ffffff1f}.mr-header__brand{font-size:22px}}.desktop-nav{display:flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-6);background:var(--navy-dark);overflow-x:auto}.desktop-nav__item{display:inline-flex;align-items:center;gap:var(--sp-2);padding:14px var(--sp-4);border-bottom:3px solid transparent;color:#ffffffb8;font-family:var(--font-thai);font-size:13px;white-space:nowrap}.desktop-nav__item:hover{color:#fff}.desktop-nav__item.is-active{color:#fff;font-weight:600;border-bottom-color:#fff}.layout{display:flex;flex-direction:column;min-height:100vh;background:var(--app-bg)}.layout__main{flex:1;min-width:0}.layout--mobile .layout__main{padding-bottom:calc(var(--bottom-nav-h) + var(--sp-6) + env(safe-area-inset-bottom,0px))}.layout--tablet .layout__main{padding:var(--sp-2) var(--sp-4) var(--sp-8)}.layout--desktop .layout__main{width:100%;max-width:1440px;margin:0 auto;padding:var(--sp-4) var(--sp-6) var(--sp-8)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#11182766;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.sidebar-backdrop.is-open{opacity:1;visibility:visible}.tablet-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:var(--sidebar-w);padding:var(--sp-3);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transform:translate(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}.tablet-sidebar.is-open{transform:translate(0);visibility:visible}.tablet-sidebar__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-2) var(--sp-4);font-family:var(--font-thai);font-size:13px;font-weight:700;color:var(--text-strong)}.tablet-sidebar__head button{display:inline-flex;padding:4px;border:0;background:none;color:var(--text-muted)}.tablet-sidebar nav{display:flex;flex-direction:column;gap:var(--sp-1)}.tablet-sidebar__item{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-thai);font-size:13px}.tablet-sidebar__item:hover{background:#f4f4f5;color:var(--text)}.tablet-sidebar__item.is-active{background:var(--navy);color:#fff;font-weight:600}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:flex-end;justify-content:space-around;gap:2px;min-height:var(--bottom-nav-h);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:var(--surface);box-shadow:0 -1px 6px #10182814}.bottom-nav__item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:3px;min-width:0;color:var(--text-muted)}.bottom-nav__icon{display:inline-flex;align-items:center;justify-content:center}.bottom-nav__label{font-family:var(--font-thai);font-size:9px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav__item.is-active{color:var(--navy)}.bottom-nav__item.is-active .bottom-nav__label{font-weight:600}.bottom-nav__item--center .bottom-nav__icon{width:52px;height:52px;margin-top:-26px;border-radius:50%;border:4px solid var(--app-bg);background:var(--navy);color:#fff;box-shadow:var(--shadow-raised)}.bottom-nav__item--center.is-active .bottom-nav__icon{background:var(--navy-deep)}.err-fallback{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--amber);border-radius:var(--radius);background:var(--amber-soft);color:var(--text);font-family:var(--font-thai)}.err-fallback>svg{flex:0 0 auto;color:#b45309}.err-fallback__title{margin:0 0 2px;font-size:var(--fs-body);font-weight:600;color:var(--text-strong)}.err-fallback__hint{margin:0;font-size:var(--fs-small);color:var(--text-muted);line-height:1.5}.login-page{display:flex;flex-direction:column;min-height:100vh;background:var(--app-bg)}.login-header{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:0 var(--sp-5);background:var(--navy);color:#fff}.login-header__brand{font-size:22px;font-weight:700}.login-header__lang{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:#fff;color:var(--navy);font-size:12px;font-weight:700}.login-body{display:flex;justify-content:center;padding:var(--sp-5) var(--sp-5) var(--sp-8)}.login-card{width:100%;max-width:420px;padding:var(--sp-6) var(--sp-5) var(--sp-8);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.login-card__title{margin-top:var(--sp-4);font-size:19px;font-weight:700;letter-spacing:.02em;text-align:center;color:var(--text-strong)}.login-field{display:block;margin-bottom:var(--sp-4)}.login-field span{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text)}.login-field input{width:100%;height:40px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:13px}.login-field input::placeholder{color:var(--text-faint)}.login-field input:focus{outline:none;border-color:var(--navy)}.login-meta{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-4);font-size:11px}.login-forgot{color:var(--text-muted);font-weight:400}.login-error{margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);font-size:12px;font-family:var(--font-thai)}.login-submit{width:100%;height:42px;border:0;border-radius:var(--radius-pill);background:var(--navy);color:#fff;font-size:14px;font-weight:600}.login-submit:hover:not(:disabled){background:var(--navy-dark)}.login-submit:disabled{opacity:.6}.unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);min-height:60vh;padding:var(--sp-6);text-align:center;color:var(--text-muted);font-family:var(--font-thai)}.unauthorized h1{font-size:16px;color:var(--text-strong)}.unauthorized p{font-size:12px;max-width:34ch}.unauthorized__link{margin-top:var(--sp-2);padding:10px 20px;border-radius:var(--radius-pill);background:var(--navy);color:#fff;font-size:13px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:0;border-radius:var(--radius-pill);font-weight:600;transition:background-color .15s ease,opacity .15s ease}.btn--sm{padding:6px 12px;font-size:12px}.btn--md{padding:11px 20px;font-size:14px}.btn--block{width:100%}.btn--primary{background:var(--navy);color:#fff}.btn--primary:hover:not(:disabled){background:var(--navy-dark)}.btn--success{background:var(--green);color:#fff}.btn--success:hover:not(:disabled){background:#15803d}.btn--danger{background:var(--red);color:#fff}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn--outline{background:var(--surface);color:var(--navy);border:1px solid var(--navy)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-4)}.card-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);color:var(--text-strong)}.card-head h2{font-size:14px;font-weight:600;font-family:var(--font-thai)}.card-body--flush{margin:0 calc(var(--sp-4) * -1) calc(var(--sp-4) * -1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--text-faint);text-align:center;font-family:var(--font-thai)}.empty-state__title{font-size:14px;font-weight:600;color:var(--text-muted)}.ov-page{display:flex;flex-direction:column;gap:var(--page-gap, var(--sp-3))}.ov-month{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12px;font-weight:600;font-family:var(--font-thai)}.ov-month--fixed{margin:0;white-space:nowrap}.ov-month select,.ov-search input{height:32px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-thai);font-size:12px}.ov-status{font-size:12px;font-family:var(--font-thai)}.ov-status--error{color:var(--red)}.ov-hero{padding:var(--sp-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;box-shadow:var(--shadow-card);font-family:var(--font-thai)}.ov-hero__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.ov-hero__title{flex:1 1 220px;min-width:0}.ov-hero__title h1{margin:0;font-size:17px;font-weight:700;color:#fff}.ov-hero__title p{margin-top:2px;font-size:12px;color:#ffffffd9}.ov-hero__back{display:inline-flex;align-items:center;gap:2px;padding:6px 10px;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-sm);background:transparent;color:#fff;font-family:var(--font-thai);font-size:12px;cursor:pointer}.ov-hero__back:hover{background:#ffffff1f}.ov-hero .ov-month{color:#fff}.ov-hero .ov-month select{border-color:transparent;min-width:150px}.ov-hero .inline-loader{padding:0;color:#fff}.ov-hero__error{margin-top:var(--sp-2);font-size:12px;color:#fecaca}.ov-hero__figures{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2);margin-top:var(--sp-4)}@media (min-width: 768px){.ov-hero__figures{grid-template-columns:repeat(var(--hero-cols, 3),minmax(0,1fr));gap:var(--sp-3)}}.ov-hero__figure{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:#fff;color:var(--text)}.ov-hero__label{font-size:12px;font-weight:600;color:var(--text)}.ov-hero__value{margin:4px 0 6px;font-size:24px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ov-kpis{display:grid;grid-template-columns:repeat(var(--kpi-cols-sm, 2),minmax(0,1fr));gap:var(--sp-2)}@media (min-width: 768px){.ov-kpis{grid-template-columns:repeat(var(--kpi-cols-md, 3),minmax(0,1fr));gap:var(--sp-3)}}@media (min-width: 1200px){.ov-kpis{grid-template-columns:repeat(var(--kpi-cols, 5),minmax(0,1fr))}}.ov-kpi{--tone: var(--navy);--tone-soft: #eef1f5;position:relative;min-width:0;padding:var(--sp-3);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);font-family:var(--font-thai);overflow:hidden}.ov-kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--tone)}.ov-kpi--plain:before{display:none}.ov-kpi--plain{box-shadow:none;border:1px solid var(--border)}.ov-kpi--green{--tone: var(--green);--tone-soft: var(--green-soft)}.ov-kpi--amber{--tone: #d97706;--tone-soft: var(--amber-soft)}.ov-kpi--red{--tone: var(--red);--tone-soft: var(--red-soft)}.ov-kpi--blue{--tone: #2563eb;--tone-soft: var(--blue-soft)}.ov-kpi--violet{--tone: #7e22ce;--tone-soft: var(--violet-soft)}.ov-kpi--pink{--tone: #be185d;--tone-soft: var(--pink-soft)}.ov-kpi__top{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.ov-kpi__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--tone-soft);color:var(--tone)}.ov-kpi__label{min-width:0;font-size:12px;font-weight:600;color:var(--text);line-height:1.3}.ov-kpi__sub{margin-top:4px;font-size:11px;color:var(--text)}.ov-kpi__value{margin:8px 0 2px;font-size:20px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ov-kpi__bar{height:6px;margin:6px 0 2px;border-radius:var(--radius-pill);background:var(--tone-soft);overflow:hidden}.ov-kpi__bar span{display:block;height:100%;border-radius:inherit;background:var(--tone)}.ov-delta{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ov-delta--up{background:var(--green-soft);color:#15803d}.ov-delta--down{background:var(--red-soft);color:#b91c1c}.ov-delta--flat{background:#eef1f5;color:var(--text)}.ov-delta--none{padding:2px 0;background:none;font-weight:400;color:var(--text-faint)}.ov-delta__label{margin-left:4px;font-weight:400;color:var(--text)}.ov-table .ov-delta{padding:1px 6px;font-size:11px}.ov-grid-2{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--page-gap, var(--sp-3))}@media (min-width: 1200px){.ov-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.ov-table-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.ov-search{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.ov-search input{width:220px;max-width:70vw}.ov-table-count{margin-left:auto;font-size:12px;font-family:var(--font-thai)}.ov-chip{padding:4px 10px;border:1px solid var(--navy);border-radius:var(--radius-pill);background:var(--surface);color:var(--navy);font-family:var(--font-thai);font-size:12px;cursor:pointer}.ov-table{font-size:12px}.ov-table thead th{background:#eef1f5;color:var(--navy-deep)}.ov-rank{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;color:var(--text)}.ov-rank--top{background:var(--navy);color:#fff}.ov-table th.is-num,.ov-table td.is-num{text-align:right;font-variant-numeric:tabular-nums}.ov-sort{display:inline-flex;align-items:center;gap:2px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.ov-row{cursor:pointer}.ov-row:hover td{background:#f4f6f9}.ov-row.is-selected td{background:var(--blue-soft)}.ov-store-name{display:block;font-weight:600;color:var(--text-strong)}.ov-store-id{display:block;font-size:11px;color:var(--text)}.ov-more{display:block;margin:var(--sp-2) auto 0;padding:6px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-thai);font-size:12px;cursor:pointer}.ov-empty{font-size:12px;font-family:var(--font-thai);color:var(--text)}.ov-page[hidden]{display:none}.fc-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.fc-tools label{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12px;font-weight:600;font-family:var(--font-thai)}.fc-tools input,.fc-tools select{height:32px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-thai);font-size:12px}.ov-nodata{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.ov-nodata__hint{margin:0;font-size:var(--fs-small);color:var(--text-muted);font-family:var(--font-thai)}.ov-nodata__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}.ov-thin{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--page-gap, var(--sp-3));padding:var(--sp-3);border:1px solid var(--blue);border-radius:var(--radius);background:var(--blue-soft);color:var(--text)}.ov-thin>svg{flex:0 0 auto;color:#2563eb}.ov-thin__text{flex:1;min-width:220px;margin:0;font-size:var(--fs-small);line-height:1.5;font-family:var(--font-thai)}.ov-coach-none{color:var(--text-faint)}.ov-pride{display:grid;gap:6px}.ov-pride__caption{margin:0 0 2px;text-align:right;font-size:12px;font-family:var(--font-thai);color:var(--text-muted)}.ov-pride__row{display:grid;grid-template-columns:minmax(96px,148px) 1fr auto;align-items:center;gap:var(--sp-3);padding:4px var(--sp-2);border-radius:var(--radius-sm)}.ov-pride__row--total{margin-top:2px;background:var(--amber-soft);border:1px solid #f3dda1}.ov-pride__label{font-size:12px;font-family:var(--font-thai);color:var(--text)}.ov-pride__row--total .ov-pride__label{font-weight:700;color:#a16207}.ov-pride__track{height:12px;border-radius:var(--radius-pill);background:#e6e9ef;overflow:hidden}.ov-pride__fill{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,#15803d,#22c55e)}.ov-pride__fill.is-under{background:linear-gradient(90deg,#be123c,#f43f5e)}.ov-pride__value{min-width:52px;text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.ov-pride__row--total .ov-pride__value{color:#a16207}.ov-pride__note{display:flex;align-items:center;gap:6px;margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:#eef2ff;font-size:12px;font-family:var(--font-thai);color:var(--text)}.ov-pride__note svg{color:#4f46e5;flex:none}@media (max-width: 480px){.ov-pride__row{grid-template-columns:1fr auto;row-gap:4px}.ov-pride__track{grid-column:1 / -1;order:3}}.ov-pride__below{margin-top:var(--sp-3)}.ov-pride__below-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px var(--sp-3);border:1px solid var(--red-soft);border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);font-size:12px;font-weight:700;font-family:var(--font-thai);cursor:pointer}.ov-pride__below-toggle svg:last-child{margin-left:auto;transition:transform .15s ease}.ov-pride__below-toggle svg.is-open{transform:rotate(180deg)}.ov-pride__below-toggle:focus-visible{outline:2px solid var(--red);outline-offset:1px}.ov-pride__below-panel{margin-top:6px;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);animation:ov-pride-drop .14s ease-out}@keyframes ov-pride-drop{0%{opacity:0}to{opacity:1}}.ov-pride__below-hint{margin:0 0 6px;padding:0 4px;font-size:11px;font-family:var(--font-thai);color:var(--text-muted)}.ov-pride__below-list{max-height:320px;overflow-y:auto;margin:0;padding:0;list-style:none}.ov-pride__below-list li+li{border-top:1px solid var(--border)}.ov-pride__below-list button{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-2);width:100%;padding:8px var(--sp-2);border:0;border-radius:var(--radius-sm);background:none;font-family:var(--font-thai);text-align:left;cursor:pointer}.ov-pride__below-list button:hover{background:var(--surface-muted)}.ov-pride__below-list button:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}.ov-pride__below-name{font-size:12px;color:var(--text)}.ov-pride__below-score{font-size:13px;font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}.ov-pride__below-list svg{color:var(--text-faint)}.ov-pride__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#11182766}.ov-pride__modal{width:100%;max-width:420px;padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised)}.ov-pride__modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.ov-pride__modal-head h2{margin:0;font-size:var(--fs-label);font-weight:700;color:var(--text-strong)}.ov-pride__modal-head button{border:0;background:none;color:var(--text-muted);cursor:pointer}.ov-pride__modal-sub,.ov-pride__modal-lead{margin:4px 0 0;font-size:12px;font-family:var(--font-thai);color:var(--text-muted)}.ov-pride__modal-lead{margin:var(--sp-3) 0 var(--sp-2);color:var(--red);font-weight:600}.ov-pride__modal-list{margin:0;padding:0;list-style:none}.ov-pride__modal-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-3);padding:7px var(--sp-2);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-thai)}.ov-pride__modal-list li.is-under{background:var(--red-soft)}.ov-pride__modal-label{display:inline-flex;align-items:center;gap:5px;color:var(--text)}.ov-pride__modal-list li.is-under .ov-pride__modal-label{color:var(--red);font-weight:600}.ov-pride__modal-list svg{color:var(--red)}.ov-pride__modal-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.ov-pride__modal-flag{min-width:68px;text-align:right;color:var(--text-muted)}.ov-pride__modal-list li.is-under .ov-pride__modal-flag{color:var(--red)}.ov-pride__modal-foot{margin:var(--sp-3) 0 0;padding-top:var(--sp-2);border-top:1px solid var(--border);font-size:11px;line-height:1.5;font-family:var(--font-thai);color:var(--text-muted)}.ra-caption{margin:0 0 var(--sp-3);font-size:var(--fs-small);color:var(--text-muted);font-family:var(--font-thai)}.ra-list{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;list-style:none}.ra-row{border:1px solid var(--border);border-left:3px solid var(--accent, var(--border-strong));border-radius:var(--radius);background:var(--surface);overflow:hidden}.ra-row--critical{--accent: var(--red)}.ra-row--sales{--accent: var(--amber)}.ra-row--productivity{--accent: var(--navy)}.ra-row--pride{--accent: var(--violet)}.ra-row--service{--accent: var(--blue)}.ra-row--turnover{--accent: var(--pink)}.ra-row--empty{--accent: var(--border-strong)}.ra-row__head{display:flex;align-items:flex-start;gap:var(--sp-3);width:100%;padding:var(--sp-3);border:0;background:transparent;text-align:left;cursor:pointer;font-family:var(--font-thai)}.ra-row__head:disabled{cursor:default}.ra-row__head:not(:disabled):hover{background:#fafafa}.ra-row__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--accent, var(--text-muted))}.ra-row--empty .ra-row__icon{color:var(--text-faint)}.ra-row__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ra-row__title{font-size:var(--fs-label);font-weight:600;color:var(--text-strong)}.ra-row__desc{font-size:var(--fs-small);color:var(--text-muted);line-height:1.4}.ra-row__meta{font-size:var(--fs-tiny);color:var(--text-faint);line-height:1.4}.ra-row__summary{font-size:var(--fs-small);color:var(--text);line-height:1.4}.ra-row__count{flex:0 0 auto;align-self:center;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-muted);font-size:var(--fs-small);font-weight:600;color:var(--text);white-space:nowrap}.ra-row--empty .ra-row__count{background:transparent;color:var(--text-faint);font-weight:500}.ra-row__chev{flex:0 0 auto;align-self:center;color:var(--text-muted);transition:transform .15s ease}.ra-row__chev.is-open{transform:rotate(180deg)}.ra-row__body{padding:0 var(--sp-3) var(--sp-3);border-top:1px solid var(--border)}.ra-row__tools{display:flex;justify-content:flex-end;padding:var(--sp-2) 0}.ra-export{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--navy);border-radius:var(--radius-pill);background:var(--surface);color:var(--navy);font-size:var(--fs-small);font-weight:600;font-family:var(--font-thai);cursor:pointer}.ra-export:hover:not(:disabled){background:var(--surface-muted)}.ra-export:disabled{opacity:.5;cursor:not-allowed}.ra-table{width:100%;border-collapse:collapse;font-size:var(--fs-small);font-family:var(--font-thai)}.ra-table th,.ra-table td{padding:7px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.ra-table th{font-weight:600;color:var(--text-muted);background:#fafafa;white-space:nowrap}.ra-table tr:last-child td{border-bottom:0}.ra-table__id{color:var(--text-muted);font-variant-numeric:tabular-nums}.ra-note,.ra-empty{margin:var(--sp-3) 0 0;font-size:var(--fs-tiny);color:var(--text-faint);line-height:1.5;font-family:var(--font-thai)}.ra-empty{margin:0;font-size:var(--fs-small);color:var(--text-muted)}.ra-empty--error{color:var(--red)}@media (max-width: 560px){.ra-row__head{flex-wrap:wrap}.ra-row__count{order:3;align-self:flex-start;margin-left:44px}.ra-row__chev{order:4;margin-left:auto}.ra-row__body{overflow-x:auto}.ra-table{min-width:460px}}.ra-store{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.ra-store:hover,.ra-store:focus-visible{text-decoration:underline}.ra-table__streak{white-space:nowrap}.ra-streak{font-variant-numeric:tabular-nums;color:var(--text-muted)}.ra-streak.is-chronic{font-weight:600;color:var(--text-strong)}.ra-dir{display:inline-flex;vertical-align:-2px;margin-left:4px}.ra-dir--improving{color:var(--green)}.ra-dir--worsening{color:var(--red)}.ra-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.matrix{display:flex;flex-direction:column;gap:var(--sp-3)}.matrix__empty,.matrix__note,.matrix__mid{margin:0;font-size:11px;color:var(--text-muted)}.matrix__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}@media (min-width: 768px){.matrix__grid{grid-template-columns:1fr 1fr}}.matrix__cell{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-left:3px solid var(--matrix-tone, var(--border-strong));border-radius:var(--radius-sm);background:var(--surface);text-align:left;font-family:var(--font-thai);cursor:pointer}.matrix__cell:hover:not(:disabled){background:var(--surface-muted)}.matrix__cell.is-open{border-color:var(--matrix-tone, var(--border-strong));box-shadow:0 0 0 1px var(--matrix-tone, transparent) inset}.matrix__cell:disabled{cursor:default;opacity:.6}.matrix__cell--green{--matrix-tone: #16a34a}.matrix__cell--amber{--matrix-tone: #e9a619}.matrix__cell--blue{--matrix-tone: #3560a6}.matrix__cell--red{--matrix-tone: #dc2626}.matrix__cell-label{font-size:12px;font-weight:700;color:var(--text-strong)}.matrix__cell-count{font-size:16px;font-weight:800;color:var(--matrix-tone, var(--text-strong))}.matrix__cell-action{font-size:11px;color:var(--text)}.matrix__cell-hint{font-size:10px;color:var(--text-muted)}.matrix__list{display:flex;flex-direction:column;gap:var(--sp-2)}.matrix__list-head{margin:0;font-size:12px;font-weight:700;color:var(--text-strong)}.matrix__list tr.is-clickable{cursor:pointer}.matrix__list tr.is-clickable:hover{background:var(--surface-muted)}.smr{display:flex;flex-direction:column;gap:var(--sp-3)}.smr-empty{margin:0;font-size:12px;color:var(--text-muted)}.smr-period{margin:0;font-size:11px;color:var(--text-muted)}.smr-section{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md, 10px);background:var(--surface)}.smr-section__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.smr-section__head h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--brand, #3730a3)}.smr-section__note{margin:0 0 0 auto;font-size:11px;font-weight:600;color:var(--text-muted)}.smr-section__index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--brand, #3730a3);color:#fff;font-size:11px;font-weight:800}.smr-grid{display:grid;gap:var(--sp-2);grid-template-columns:1fr}@media (min-width: 640px){.smr-grid--2,.smr-grid--3,.smr-grid--4,.smr-grid--5{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.smr-grid--3{grid-template-columns:repeat(3,1fr)}.smr-grid--4{grid-template-columns:repeat(4,1fr)}.smr-grid--5{grid-template-columns:repeat(5,1fr)}}.smr-figure{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.smr-figure__label{margin:0;font-size:11px;font-weight:700;color:var(--text-strong)}.smr-figure__value{margin:0;font-size:20px;font-weight:800;color:var(--text-strong);line-height:1.2}.smr-figure__hint{margin:0;font-size:10px;color:var(--text-muted)}.smr-figure__value--green{color:#16a34a}.smr-figure__value--red{color:#dc2626}.smr-figure__value--amber{color:#b45309}.smr-figure__value--indigo{color:#4338ca}.smr-mom{font-size:10px;font-weight:700}.smr-mom--good{color:#16a34a}.smr-mom--bad{color:#dc2626}.smr-mom--flat{color:var(--text-muted)}.smr-bar{display:block;height:6px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.smr-bar>span{display:block;height:100%;border-radius:999px}.smr-bar .is-good{background:#16a34a}.smr-bar .is-warn{background:#e9a619}.smr-formula{margin:0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);font-size:13px;color:var(--text)}.smr-formula strong{color:#4338ca;font-size:15px}.sa-caption{margin:0 0 var(--sp-3);font-size:var(--fs-small);color:var(--text-muted);font-family:var(--font-thai)}.sa-list{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;list-style:none}.sa-item{padding:var(--sp-3);border:1px solid var(--border);border-left:3px solid var(--accent, var(--border-strong));border-radius:var(--radius);background:var(--surface)}.sa-item--sales{--accent: var(--amber)}.sa-item--productivity{--accent: var(--navy)}.sa-item--pride{--accent: var(--violet)}.sa-item--service{--accent: var(--blue)}.sa-item--turnover{--accent: var(--pink)}.sa-item__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:2px}.sa-item__title{font-size:var(--fs-label);font-weight:600;color:var(--text-strong)}.sa-item__value{margin:0 0 2px;font-size:var(--fs-body);color:var(--text);font-family:var(--font-thai)}.sa-item__meta{margin:0;font-size:var(--fs-tiny);color:var(--text-faint);line-height:1.4;font-family:var(--font-thai)}.sa-streak{padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-muted);font-size:var(--fs-tiny);font-variant-numeric:tabular-nums;color:var(--text-muted)}.sa-streak.is-chronic{background:var(--amber-soft);color:#b45309;font-weight:600}.sa-dir{display:inline-flex}.sa-dir--improving{color:var(--green)}.sa-dir--worsening{color:var(--red)}.sa-clear{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-small);color:var(--green);font-family:var(--font-thai)}.sa-note{margin:0;font-size:var(--fs-small);color:var(--text-muted);font-family:var(--font-thai)}.sa-note--error{color:var(--red)}.sa-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sales-page__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.sales-page__month{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-label);font-weight:600}.sales-page__month input,.sales-target__field input,.sales-entry input{height:32px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-thai);font-size:var(--fs-body)}.sales-page__updating{font-size:11px;color:var(--text-muted)}.sales-page__error{font-size:11px;color:var(--red)}.sales-target{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3)}.sales-target__field{display:flex;flex-direction:column;gap:4px;min-width:0}.sales-target__label{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.sales-target__field input{width:200px;max-width:100%}.sales-target__value{font-size:var(--fs-heading)}.sales-note{font-size:11px}.sales-note--ok{color:var(--green)}.sales-note--error{color:var(--red)}.sales-page__mode{display:inline-flex;margin-bottom:var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);overflow:hidden}.sales-page__mode button{padding:4px 12px;border:0;background:var(--surface);color:var(--text-muted);font-family:var(--font-thai);font-size:11px;cursor:pointer}.sales-page__mode button.is-active{background:var(--navy);color:#fff}.sales-page__chart{margin-bottom:var(--sp-3)}.sales-page__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}@media (min-width: 768px){.sales-page__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.sales-stat{min-width:0;padding:var(--sp-3) var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius);text-align:center;font-family:var(--font-thai)}.sales-stat__label{font-size:9px;color:var(--text-muted);line-height:1.35}.sales-stat__value{margin-top:6px;font-size:15px;font-weight:700}.sales-stat--green{border-color:#bbf7d0}.sales-stat--green .sales-stat__value{color:var(--green)}.sales-stat--violet{border-color:#e9d5ff}.sales-stat--violet .sales-stat__value{color:var(--violet)}.sales-entry{font-size:11px}.sales-entry tr.is-today td{background:var(--blue-soft)}.sales-entry__amount{text-align:right!important}.sales-entry input{width:140px;height:28px;text-align:right}.sales-entry input:disabled{background:var(--surface-muted)}.sales-entry input.is-dirty{border-color:var(--amber);background:var(--amber-soft)}.sales-entry input.is-invalid{border-color:var(--red);background:var(--red-soft)}.sales-entry__status{font-size:10px}.sales-entry__status.is-good{color:var(--green)}.sales-entry__status.is-pending{color:#b45309}.sales-entry__status.is-bad{color:var(--red)}.sales-entry__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--placeholder-bg);border-radius:var(--radius);color:var(--text-muted);font-size:12px;font-family:var(--font-thai);text-align:center;padding:var(--sp-4)}.traffic-chart{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-4) var(--sp-3)}.traffic-chart__title{font-size:13px;font-weight:700;color:var(--text-strong);text-align:center}.traffic-chart__canvas{width:100%}.schedule-summary{padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--navy);color:#fff;box-shadow:var(--shadow-card)}.schedule-summary__head h2{font-size:13px;font-weight:700}.schedule-summary__figures{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}.schedule-figure{flex:1 1 0;padding:var(--sp-3) var(--sp-2);border-radius:var(--radius);background:#fff;text-align:center}.schedule-figure__label{font-size:10px;font-weight:600;color:var(--text-muted)}.schedule-figure__value{margin-top:4px;font-size:22px;font-weight:700;color:var(--text-strong)}.schedule-figure__value--green{color:var(--green)}.schedule-figure__unit{margin-top:1px;font-family:var(--font-thai);font-size:8px;color:var(--text-faint)}.demand-grid{width:100%;min-width:420px;border-collapse:separate;border-spacing:4px;font-family:var(--font-thai)}.demand-grid th{font-size:8px;font-weight:700;color:var(--text-muted);text-align:center}.demand-grid__time-col{width:92px;min-width:92px;text-align:left!important}.demand-grid__label{display:block;font-size:9px;font-weight:700;color:var(--text-strong)}.demand-grid td{text-align:center}.demand-cell{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:5px 6px;border-radius:6px;font-size:10px;font-weight:700}.demand-cell--understaffed{background:var(--red-soft);color:#b91c1c}.demand-cell--matched{background:var(--green-soft);color:#15803d}.demand-cell--overstaffed{background:var(--amber-soft);color:#b45309}.demand-legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-3) 0 0;padding:0;list-style:none;font-family:var(--font-thai);font-size:9px;color:var(--text-muted)}.demand-legend li{display:inline-flex;align-items:center;gap:5px}.demand-legend__dot{width:8px;height:8px;border-radius:50%}.demand-legend__dot--red{background:var(--red)}.demand-legend__dot--green{background:var(--green)}.demand-legend__dot--amber{background:var(--amber)}.exception-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.exception-pin{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:46px;padding:5px 7px;border:0;border-radius:6px;font-family:var(--font-thai);font-size:10px;font-weight:700;white-space:nowrap}button.exception-pin{cursor:pointer}button.exception-pin:hover{filter:brightness(.96)}.exception-pin--understaffed{background:var(--red-soft);color:#b91c1c}.exception-pin--overstaffed{background:var(--amber-soft);color:#b45309}.exception-pin--matched{background:var(--green-soft);color:#15803d}.exception-cell__none{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:5px 7px;color:var(--text-faint);font-size:10px}.store-exception__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#11182766}.store-exception{width:100%;max-width:460px;max-height:80vh;display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-5) var(--sp-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);animation:store-exception-in .18s ease-out}@keyframes store-exception-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.store-exception__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.store-exception__head h2{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-thai);font-size:14px;font-weight:700;color:var(--text-strong)}.store-exception__head h2 svg{color:var(--red);flex:0 0 auto}.store-exception__head button{display:inline-flex;flex:0 0 auto;padding:2px;border:0;background:none;color:var(--text-muted)}.store-exception__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);font-family:var(--font-thai);font-size:11px;color:var(--text-muted)}.store-exception__meta span{display:inline-flex;align-items:center;gap:4px}.store-exception__list{margin:0;padding:0;list-style:none;overflow-y:auto}.store-exception__list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.store-exception__list li:last-child{border-bottom:0}.store-exception__name{font-family:var(--font-thai);font-size:13px;font-weight:600;color:var(--text-strong)}.store-exception__id{margin-top:1px;font-size:10px;color:var(--text-faint)}.store-exception__gap{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;border-radius:var(--radius-pill);font-family:var(--font-thai);font-size:10px;font-weight:600}.store-exception__gap.is-red{background:var(--red-soft);color:#b91c1c}.store-exception__gap.is-amber{background:var(--amber-soft);color:#b45309}.store-exception .btn{flex:0 0 auto}.network-roster__heading{font-size:12px;font-weight:700;color:var(--text-strong);font-family:var(--font-thai)}.network-roster__error{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);font-family:var(--font-thai);font-size:11px}.confirm-dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:#11182766}.confirm-dialog{width:100%;max-width:420px;padding:var(--sp-4) var(--sp-5) var(--sp-4);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised);animation:confirm-dialog-in .18s ease-out}@keyframes confirm-dialog-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog__title{display:flex;align-items:center;gap:6px;margin:0 0 var(--sp-2);font-weight:700;color:var(--text-strong)}.confirm-dialog__title--danger{color:var(--red)}.confirm-dialog__message{margin:0;line-height:1.6;color:var(--text)}.confirm-dialog__detail{margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-muted);font-weight:600;color:var(--text-strong)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4)}@media (max-width: 480px){.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__actions .btn{width:100%}}.shift-cell-editor{position:absolute;z-index:30;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:190px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0f172a29;display:flex;flex-direction:column;gap:8px;text-align:left;font-family:var(--font-thai)}.shift-cell-editor__hours{margin:0;font-size:12px;font-weight:700;color:var(--text-strong);display:flex;flex-direction:column;gap:2px}.shift-cell-editor__hours span{font-weight:400;font-size:11px;color:var(--text-muted)}.shift-cell-editor__field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted)}.shift-cell-editor__field select{font-size:12px;padding:5px 6px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-strong);font-family:var(--font-thai)}.shift-cell-editor__note{margin:0;font-size:10px;color:var(--text-muted);line-height:1.4}.shift-cell-editor__actions{display:flex;gap:6px}.shift-cell-editor__actions button{flex:1;font-size:11px;padding:5px 8px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-strong);cursor:pointer;font-family:var(--font-thai)}.shift-cell-editor__actions button.is-primary{background:var(--accent, #0d9488);border-color:var(--accent, #0d9488);color:#fff;font-weight:600}.shift-cell-editor__actions button:disabled{opacity:.5;cursor:not-allowed}.roster-grid{width:100%;min-width:720px;border-collapse:separate;border-spacing:4px;font-family:var(--font-thai)}.roster-grid th{font-size:8px;font-weight:700;color:var(--text-muted);text-align:center;vertical-align:middle}.roster-grid__staff-col{width:100px;min-width:100px;text-align:left!important}.roster-grid__total-col{width:56px;min-width:56px}.roster-grid__name{display:block;font-size:10px;font-weight:700;color:var(--text-strong)}.roster-grid__type{display:inline-block;margin-top:2px;padding:1px 5px;border-radius:var(--radius-pill);font-size:8px;font-weight:600}.roster-grid__type--full_time{background:var(--blue-soft);color:#1d4ed8}.roster-grid__type--part_time{background:var(--amber-soft);color:#b45309}.roster-grid__type--dual_vocational{background:var(--violet-soft);color:#7e22ce}.roster-grid__total{text-align:center;font-size:11px;font-weight:700;color:var(--text-strong);white-space:nowrap}.roster-grid__cell{position:relative}.roster-grid__slot{width:100%;min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 5px;border:1px solid transparent;border-radius:7px;cursor:pointer;font-family:var(--font-thai);line-height:1.2}.roster-grid__slot:disabled{cursor:default}.roster-grid__slot-time{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.roster-grid__slot-who{font-size:10px;opacity:.9;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-grid__slot.is-hshort,.roster-grid__slot.is-hmid,.roster-grid__slot.is-hfull{border-width:1.5px}.roster-grid__slot.is-hshort{background:#def9de;border-color:#4ade80;color:#166534}.roster-grid__slot.is-hmid{background:#eaf3ff;border-color:#8fb3ff;color:#4338ca}.roster-grid__slot.is-hfull{background:#ffecff;border-color:#e048e0;color:#a21caf}.roster-grid__slot.is-hunknown{background:var(--surface-muted, #f1f5f9);color:var(--text-muted)}.roster-grid__slot.is-off{background:transparent;color:var(--text-muted)}.roster-grid__slot.is-invalid{border-color:#dc2626;outline:2px solid #b91c1c;outline-offset:1px}.roster-grid__daytotals th,.roster-grid__daytotals td{border-top:2px solid var(--border);font-size:11px;font-weight:700;color:var(--text-strong);text-align:center;padding-top:6px}.roster-view{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2)}.roster-view__modes{display:inline-flex;padding:2px;border-radius:var(--radius-sm);background:var(--surface-muted)}.roster-view__mode{padding:4px var(--sp-3);border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text);font-family:var(--font-thai);cursor:pointer}.roster-view__mode:hover{color:var(--text-strong)}.roster-view__mode--on{background:var(--surface);color:var(--text-strong);font-weight:600;box-shadow:0 1px 2px #00000014}.roster-view__mode:focus-visible{outline:2px solid var(--navy);outline-offset:1px}.roster-view__weeks{display:inline-flex;align-items:center;gap:var(--sp-2)}.roster-view__step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.roster-view__step:disabled{color:var(--text-faint);cursor:default}.roster-view__label{color:var(--text-muted);white-space:nowrap}.labor-warnings{padding:var(--sp-3);border-radius:var(--radius);background:#fff8f8;border:1px solid #fecaca;font-family:var(--font-thai);font-size:10px}.labor-warnings--clean{display:flex;align-items:center;gap:var(--sp-2);background:#f4fdf7;border-color:#bbf7d0;color:#15803d;font-size:10px}.labor-warnings__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-weight:700;color:var(--red)}.labor-warnings ul{margin:0;padding:0;list-style:none}.labor-warnings>ul>li+li{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid #fee2e2}.labor-warnings__name{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--text-strong);margin-bottom:2px}.labor-warnings ul ul li{padding-left:12px;position:relative;line-height:1.6}.labor-warnings ul ul li:before{content:"•";position:absolute;left:2px}.labor-warnings li.is-error{color:var(--red)}.labor-warnings li.is-warning{color:#b45309}.actual-hours__empty{font-size:11px;color:var(--text-muted)}.actual-hours__summary{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-2) var(--sp-5);margin-bottom:var(--sp-3);font-family:var(--font-thai)}.actual-hours__figure-label{font-size:10px;color:var(--text-muted)}.actual-hours__figure{margin-top:2px;font-size:16px;font-weight:700;color:var(--text-strong)}.actual-hours__figure--green{color:var(--green)}.actual-hours__figure--amber{color:#b45309}.actual-hours__progress{flex:1 1 160px;height:8px;margin-bottom:6px;border-radius:var(--radius-pill);background:var(--surface-muted);overflow:hidden}.actual-hours__progress span{display:block;height:100%;background:var(--green)}.actual-hours__table{width:100%;border-collapse:collapse;font-family:var(--font-thai);font-size:10px}.actual-hours__table th,.actual-hours__table td{padding:5px 4px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle;white-space:nowrap}.actual-hours__table thead th{font-weight:600;color:var(--text-muted);background:#fafafa}.actual-hours__table tfoot th,.actual-hours__table tfoot td{border-top:2px solid var(--border-strong);border-bottom:0;background:#fafafa}.actual-hours__table .is-today{background:var(--blue-soft)}.actual-hours__weekday{display:block;font-size:9px;font-weight:400}.actual-hours__name-col{position:sticky;left:0;z-index:1;min-width:120px;max-width:160px;text-align:left!important;background:var(--surface)}.actual-hours__table thead .actual-hours__name-col,.actual-hours__table tfoot .actual-hours__name-col{background:#fafafa}.actual-hours__name{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700;color:var(--text-strong)}.actual-hours__position{display:block;font-size:9px;font-weight:400;color:var(--text-muted)}.actual-hours__table input{width:46px;height:26px;padding:0 4px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:11px;text-align:center}.actual-hours__table input:disabled{background:var(--surface-muted)}.actual-hours__table input.is-dirty{border-color:var(--amber);background:var(--amber-soft)}.actual-hours__table input.is-over{color:var(--red);font-weight:700}.actual-hours__table input.is-invalid{border-color:var(--red);background:var(--red-soft)}.actual-hours__value{font-size:11px;font-weight:600}.actual-hours__value.is-over{color:var(--red)}.actual-hours__plan{display:block;margin-top:1px;font-size:8px;color:var(--text-faint)}.actual-hours__off{color:var(--text-faint)}.actual-hours__sum-col{min-width:52px}.actual-hours__sum{font-size:11px;font-weight:700;color:var(--text-strong)}.actual-hours__sum.is-over{color:var(--red)}.actual-hours__sum.is-under{color:var(--green)}.actual-hours__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.actual-hours__note{font-size:11px}.actual-hours__note--ok{color:var(--green)}.actual-hours__note--error{color:var(--red)}.actual-hours__table--daily .actual-hours__name-col{min-width:96px;font-size:11px;font-weight:700;color:var(--text-strong)}.actual-hours__table--daily tbody th.actual-hours__name-col{background:#fafafa}.actual-hours__table--daily input{width:54px;height:28px}.roster-page__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.roster-page__range{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.roster-page__updating{font-size:11px;color:var(--text-muted);font-family:var(--font-thai);white-space:nowrap}.roster-page__range label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-family:var(--font-thai);white-space:nowrap}.roster-page__range input[type=date],.roster-page__range input[type=month]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-thai);font-size:12px;font-weight:600;padding:6px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text-strong);line-height:1.4;cursor:pointer}.roster-page__range input[type=month]:hover{border-color:var(--navy)}.roster-page__range input[type=month]:focus-visible{outline:2px solid var(--navy);outline-offset:1px;border-color:var(--navy)}.roster-page__range input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;padding-left:6px}.roster-page__range input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}.roster-page__heading{font-size:12px;font-weight:700;color:var(--text-strong);font-family:var(--font-thai)}.roster-page__legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin:0 0 var(--sp-3);padding:0;list-style:none;font-family:var(--font-thai);font-size:9px;color:var(--text-muted)}.roster-page__legend li{display:inline-flex;align-items:center;gap:4px}.roster-page__swatch{width:9px;height:9px;border-radius:3px}.roster-page__swatch--full_time{background:var(--blue)}.roster-page__swatch--part_time{background:var(--amber)}.roster-page__swatch--dual_vocational{background:var(--violet)}.roster-page__actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.roster-page__error,.roster-page__notice{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-family:var(--font-thai);font-size:11px}.roster-page__error{background:var(--red-soft);color:var(--red)}.roster-page__notice{background:var(--green-soft);color:#15803d}.roster-page__blocked{align-self:center;font-family:var(--font-thai);font-size:10px;color:var(--red)}.coverage-table td.is-bad{color:var(--red);font-weight:700}.coverage-table td.is-good{color:var(--green)}.roster-page__actions{flex-wrap:wrap}.roster-page__generated-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:12px;font-family:var(--font-thai);color:var(--text-muted)}.coverage-table__summary{margin:0 0 8px;font-size:11px;color:var(--text-muted)}.upload-header{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.upload-header .page-title-bar{border-radius:0;box-shadow:none;border-bottom:1px solid var(--border)}.upload-tabs{display:flex;gap:var(--sp-4);padding:0 var(--sp-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.upload-tabs__tab{padding:var(--sp-2) 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font-family:var(--font-thai);white-space:nowrap;cursor:pointer}.upload-tabs__tab:hover{color:var(--text)}.upload-tabs__tab.is-on{border-bottom-color:var(--navy);color:var(--navy);font-weight:700}.upload-tabs__tab:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.guideline__error{margin:0 0 var(--sp-2);font-size:12px;color:#dc2626;font-family:var(--font-thai)}.guideline__form{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-2)}.guideline__form input{flex:1 1 150px;font-size:12px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-strong);font-family:var(--font-thai)}.guideline__actions{margin-bottom:var(--sp-3)}.guideline__row-actions{white-space:nowrap}.guideline__row-actions>*+*{margin-left:4px}.guideline__edit,.guideline__cancel{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:0;border-radius:var(--radius-sm);font-size:9px;font-weight:600;font-family:var(--font-thai);cursor:pointer}.guideline__edit{background:var(--blue-soft);color:#1d4ed8}.guideline__cancel{background:var(--surface-muted);color:var(--text-strong)}.guideline__edit:disabled,.guideline__cancel:disabled{opacity:.5;cursor:default}.guideline__hours-input{width:90px;font-size:12px;padding:4px 6px;border:1px solid var(--blue);border-radius:6px;background:var(--surface);color:var(--text-strong);font-family:var(--font-thai)}.settings-page{width:100%}.settings-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);color:var(--text-strong);font-size:13px;font-weight:500}.settings-row>svg:first-child{flex:0 0 auto}.settings-row>span{flex:1;min-width:0}.settings-row>svg:last-child{flex:0 0 auto;color:var(--text-faint)}.settings-row:hover{background:#fafafa}.store-rules__title{font-size:12px;font-weight:700;color:var(--text-strong);font-family:var(--font-thai)}.store-rules__grid{--rules-gap: var(--sp-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(max(240px,(100% - var(--rules-gap)) / 2),1fr));gap:var(--rules-gap);width:100%;margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--radius);background:#f7f7f9}.store-rules__field{display:flex;flex-direction:column;min-width:0}.store-rules__label{font-size:10px;font-weight:600;color:var(--text);font-family:var(--font-thai)}.store-rules__field input{width:100%;min-width:0;height:34px;margin-top:6px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-body);color:var(--text)}.store-rules__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}.store-rules__saved{font-family:var(--font-thai);font-size:var(--fs-small);color:var(--green)}@media (min-width: 768px){.store-rules__grid{--rules-gap: var(--sp-4);padding:var(--sp-4)}}.area-stores__state{padding:var(--sp-4) 0;text-align:center;font-family:var(--font-thai);font-size:var(--fs-small);color:var(--text-muted)}.staff__inline-form{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius);background:#f7f7f9}.staff__inline-form input{height:30px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-thai)}.staff-table__input{width:54px;padding:3px 5px;border:1px solid var(--border);border-radius:5px;font-size:10px;font-family:inherit;color:var(--text)}@media (min-width: 768px){.staff__inline-form{flex-direction:row;align-items:center}.staff__inline-form input{flex:1}}.staff__capacity{margin-bottom:var(--sp-3);font-family:var(--font-thai);font-size:10px;font-weight:600;color:var(--text-muted)}.staff__capacity.is-full{color:var(--red)}.staff__inline-form select{height:30px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-thai);background:var(--surface)}.staff-table__select{width:108px}.staff-table__derived{color:var(--text-muted);white-space:nowrap}@media (min-width: 768px){.staff__inline-form select{flex:1}}.staff__message{margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-family:var(--font-thai);font-size:11px}.staff__message--error{background:var(--red-soft);color:#b91c1c}.staff__message--notice{background:var(--green-soft);color:#15803d}.staff__form-actions{display:flex;gap:var(--sp-2)}.staff-table__delete:disabled,.staff-table__select:disabled{opacity:.5;cursor:not-allowed}.audit-table{min-width:860px}.audit-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-family:var(--font-thai)}.audit-filters label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--text)}.audit-filters input,.audit-filters select{height:32px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-thai);font-size:12px}.audit-filters__search{flex:1 1 260px}.audit-filters__search input{width:100%;min-width:0}.audit-filters__buttons{display:flex;gap:var(--sp-2)}.audit-error{margin-bottom:var(--sp-2);font-size:12px;color:var(--red)}.audit-table tr.is-warning td{background:var(--red-soft)}.audit-user{display:block;font-weight:600;color:var(--text-strong)}.audit-email{display:block;font-size:10px;color:var(--text)}.audit-details{white-space:normal!important;max-width:360px}.audit-details__toggle{display:block;width:100%;padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}.audit-details__toggle pre{margin:0;font-size:10px;white-space:pre-wrap}.audit-pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-3);font-size:12px}.users__form{margin-bottom:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius);background:#f7f7f9}.users__form-title{margin:0 0 var(--sp-2);font-family:var(--font-thai);font-size:12px;font-weight:600}.users__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-2) var(--sp-3)}.users__field{display:flex;flex-direction:column;gap:3px;min-width:0;font-family:var(--font-thai);font-size:10px;color:var(--text-muted)}.users__field input,.users__field select{height:30px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-thai);color:var(--text);background:var(--surface)}.users__field input:disabled{opacity:.6}.users__field small{font-size:9px;color:var(--text-faint)}.users__status{display:inline-block;padding:1px 7px;border-radius:999px;font-size:9px;font-weight:600;white-space:nowrap}.users__status.is-active{background:var(--green-soft);color:#15803d}.users__status.is-inactive{background:var(--red-soft);color:#b91c1c}.users__row--inactive td{color:var(--text-faint)}.users__me{margin-left:5px;padding:0 5px;border-radius:4px;background:var(--border);font-size:8px}.users__actions{display:flex;gap:4px;white-space:nowrap}.users__action{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:1px solid var(--border);border-radius:5px;background:var(--surface);font-family:var(--font-thai);font-size:10px;color:var(--text);cursor:pointer}.users__action:disabled{opacity:.45;cursor:not-allowed}.users__action--danger{color:#b91c1c;border-color:#fecaca}:root{--navy: #425267;--navy-dark: #3a4a5e;--navy-deep: #333f52;--app-bg: #f4f4f5;--surface: #ffffff;--surface-muted: #ebebeb;--context-bar: #f2ede7;--placeholder-bg: #ececec;--text: #1f2733;--text-strong: #111827;--text-muted: #6b7280;--text-faint: #9ca3af;--green: #16a34a;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--amber: #f59e0b;--amber-soft: #fef3c7;--violet: #a855f7;--violet-soft: #f3e8ff;--blue: #3b82f6;--blue-soft: #dbeafe;--pink-soft: #fce7f3;--pink: #ec4899;--border: #e5e7eb;--border-strong: #d1d5db;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--shadow-card: 0 1px 3px rgba(16, 24, 40, .08);--shadow-raised: 0 4px 12px rgba(16, 24, 40, .14);--header-h: 64px;--context-bar-h: 52px;--bottom-nav-h: 64px;--sidebar-w: 232px;--font-sans: "Noto Sans Thai", system-ui, -apple-system, sans-serif;--font-thai: var(--font-sans);--fs-micro: 8px;--fs-tiny: 9px;--fs-small: 10px;--fs-body: 12px;--fs-label: 13px;--fs-heading: 14px;--fs-figure: 22px;--fs-metric: 19px;--card-pad: var(--sp-4);--page-gap: var(--sp-3);--chart-h: 230px}@media (min-width: 768px){:root{--fs-micro: 10px;--fs-tiny: 11px;--fs-small: 12px;--fs-body: 13px;--fs-label: 14px;--fs-heading: 16px;--fs-figure: 28px;--fs-metric: 24px;--card-pad: var(--sp-5);--page-gap: var(--sp-4);--chart-h: 300px}}@media (min-width: 1200px){:root{--fs-micro: 11px;--fs-tiny: 12px;--fs-small: 13px;--fs-body: 14px;--fs-label: 15px;--fs-heading: 17px;--fs-figure: 34px;--fs-metric: 28px;--card-pad: var(--sp-6);--page-gap: var(--sp-5);--chart-h: 340px}}html .page{gap:var(--page-gap);padding:var(--page-gap)}html .card{padding:var(--card-pad)}html .card-head h2{font-size:var(--fs-heading)}html .card-body--flush{margin:0 calc(var(--card-pad) * -1) calc(var(--card-pad) * -1)}html .chart-placeholder{font-size:var(--fs-body)}html .page-title-bar h1{font-size:var(--fs-heading)}html .metric-tile{padding:var(--sp-4) var(--sp-3)}html .metric-tile__label{font-size:var(--fs-small)}html .metric-tile__value{font-size:var(--fs-metric)}html .metric-tile__delta{font-size:var(--fs-tiny)}html .kpi-tile{padding:var(--sp-3) var(--sp-2)}html .kpi-tile__label{font-size:var(--fs-small)}html .kpi-tile__value{font-size:clamp(13px,4.2cqw,var(--fs-metric))}html .kpi-tile__delta,html .kpi-tile__note{font-size:var(--fs-tiny)}html .store-header__name{font-size:var(--fs-heading)}html .store-header__meta,html .store-header__month,html .store-header__month select,html .dash-tile__label{font-size:var(--fs-small)}html .dash-tile__value{font-size:clamp(14px,4.4cqw,var(--fs-metric))}html .dash-tile__delta,html .dash-tile__note{font-size:var(--fs-tiny)}html .roster-view__mode{font-size:12px}html .roster-view__label{font-size:var(--fs-small)}html .confirm-dialog__title{font-size:var(--fs-label)}html .confirm-dialog__message,html .confirm-dialog__detail,html .upload-tabs__tab{font-size:var(--fs-body)}html .traffic-chart{padding:var(--card-pad)}html .traffic-chart__title{font-size:var(--fs-label)}html .traffic-chart__subtitle,html .sales-stat__label,html .hour-tile__label{font-size:var(--fs-tiny)}html .sales-stat__value,html .hour-tile__value{font-size:var(--fs-heading)}html .hour-tile__caption{font-size:var(--fs-micro)}html .schedule-summary{padding:var(--card-pad)}html .schedule-summary__head h2{font-size:var(--fs-label)}html .schedule-summary__head p{font-size:var(--fs-tiny)}html .schedule-figure__label{font-size:var(--fs-small)}html .schedule-figure__value{font-size:var(--fs-figure)}html .schedule-figure__unit{font-size:var(--fs-micro)}html .roster-page__heading{font-size:var(--fs-label)}html .roster-page__hint,html .roster-page__legend,html .roster-page__blocked{font-size:var(--fs-tiny)}html .roster-grid th,html .demand-grid th{font-size:var(--fs-micro)}html .roster-grid__name,html .demand-grid__label{font-size:var(--fs-small)}html .roster-grid__position,html .roster-grid__type,html .roster-grid__rule,html .demand-grid__caption{font-size:var(--fs-micro)}html .roster-grid__total{font-size:var(--fs-body)}html .demand-cell{font-size:var(--fs-small)}html .demand-legend{font-size:var(--fs-tiny)}html .network-roster__heading{font-size:var(--fs-label)}html .network-roster__hint{font-size:var(--fs-tiny)}html .exception-pin,html .exception-cell__none{font-size:var(--fs-small)}html .store-exception__head h2{font-size:var(--fs-heading)}html .store-exception__meta,html .store-exception__gap{font-size:var(--fs-small)}html .store-exception__name{font-size:var(--fs-label)}html .store-exception__id{font-size:var(--fs-tiny)}html .shift-btn__label,html .shift-btn__off{font-size:var(--fs-small)}html .shift-btn__time{font-size:var(--fs-tiny)}html .shift-btn__break{font-size:var(--fs-micro)}html .labor-warnings,html .labor-warnings--clean{font-size:var(--fs-tiny)}html .staff-table{font-size:var(--fs-small)}html .staff-table__delete,html .staff__capacity{font-size:var(--fs-tiny)}html .settings-page{width:100%;max-width:none}html .settings-row{width:100%;font-size:var(--fs-label);padding:var(--card-pad)}html .audit-caption,html .guideline__hint,html .staff__caption,html .store-rules__caption{font-size:var(--fs-small);line-height:1.5;color:var(--text-muted)}html .store-rules__title{font-size:var(--fs-label)}html .store-rules__label{font-size:var(--fs-small)}@media (min-width: 768px){html .roster-grid,html .demand-grid{min-width:0}html .shift-btn{min-height:66px}html .store-rules__field input,html .staff__inline-form input,html .staff__inline-form select,html .guideline__form input,html .staff__search input,html .area-stores__search input{height:38px}html .kpi-tile{padding:var(--sp-4) var(--sp-3)}html .staff-table th,html .staff-table td{padding:10px}html .dashboard-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}html .dashboard-page>:first-child,html .dashboard-page>:last-child{grid-column:1 / -1}html .dashboard-page>.kpi-card{grid-column:1 / -1}}@media (min-width: 1200px){html .dashboard-page{grid-template-columns:repeat(3,minmax(0,1fr))}html .kpi-grid,html .metric-row,html .sales-page__stats{gap:var(--sp-4)}html .shift-btn{min-height:74px}html .roster-page{max-width:1200px;margin-inline:auto}}@media (pointer: coarse){html .store-rules__field input,html .staff__inline-form input,html .staff__inline-form select,html .guideline__form input,html .staff__search input,html .area-stores__search input{height:44px;font-size:max(16px,var(--fs-body))}html .btn{min-height:44px}html .staff-table__delete,html .roster-view__mode,html .roster-view__step{min-height:36px}html .roster-view__step{min-width:36px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,figure{margin:0}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,select,button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.full-loader__spinner{animation-duration:1.2s!important}}.page{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3)}.page>.ui-card{margin-bottom:0!important}.page-title-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-card)}.page-title-bar h1{flex:1;text-align:center;font-size:15px;font-weight:600;color:var(--text-strong)}.page-title-bar .spacer{width:20px}.back-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;background:none;color:var(--text);padding:0}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.staff__toolbar,.area-stores__toolbar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.staff__search,.area-stores__search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.staff__search svg,.area-stores__search svg{position:absolute;left:9px;color:var(--text-faint);pointer-events:none}.staff__search input,.area-stores__search input{width:100%;height:30px;padding:0 var(--sp-2) 0 26px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-thai)}.area-stores__count{flex:none;font-family:var(--font-thai);font-size:var(--fs-small);color:var(--text-muted);white-space:nowrap}.staff-table{width:100%;min-width:340px;border-collapse:collapse;font-family:var(--font-thai);font-size:10px}.staff-table th,.staff-table td{padding:7px 6px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.staff-table th{font-weight:600;color:var(--text-muted);background:#fafafa}.staff-table__delete{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:0;border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red);font-size:9px;font-weight:600;font-family:var(--font-thai)}.staff-table__empty{text-align:center!important;color:var(--text-faint);padding:var(--sp-5)!important}