@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--office-blue:#1685d1;--office-blue-deep:#0c609f;--office-blue-soft:#eaf5fc;--office-ink:#17283a;--office-muted:#64758a;--office-border:#d8e5ec;--office-surface:#fff;--office-page:#f6f9fb;--office-danger:#b43f3a;--office-good:#197451;--office-warning:#9c6517}*{box-sizing:border-box}html,body{background:var(--office-page);min-width:320px;color:var(--office-ink);margin:0;font-family:Sarabun,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,select,input,textarea{outline-color:var(--office-blue)}h1,h2,p{margin-top:0}.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}.primary-button,.quiet-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;min-height:40px;padding:7px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.primary-button{border:1px solid var(--office-blue);background:var(--office-blue);color:#fff}.primary-button:hover{border-color:var(--office-blue-deep);background:var(--office-blue-deep)}.primary-button:disabled{cursor:wait;opacity:.55}.quiet-button{border:1px solid var(--office-border);color:var(--office-blue-deep);background:#fff}.quiet-button:hover{background:#f7fbfd;border-color:#9dcae6}.form-message{color:#13704f;background:#edf9f3;border-left:3px solid #16a56f;margin:0;padding:11px 13px;font-size:.77rem}.form-message--error{border-color:var(--office-danger);color:var(--office-danger);background:#fdf0ef}.office-loading{min-height:260px;color:var(--office-muted);place-items:center;font-size:.86rem;display:grid}.office-login{background:linear-gradient(135deg,#f6fafc 0%,#fff 60%);place-items:center;min-height:100dvh;padding:24px;display:grid}.office-login__panel{border:1px solid var(--office-border);background:#fff;border-radius:14px;gap:24px;width:min(100%,440px);padding:38px;display:grid;box-shadow:0 24px 70px #1b415817}.office-login__brand{width:min(100%,210px);color:var(--office-blue);line-height:1;display:grid}.office-login__brand img{object-fit:contain;width:100%;height:auto;max-height:60px}.office-login__brand span{letter-spacing:.42em;text-align:center;margin-top:5px;font-size:.64rem;font-weight:800}.office-login h1{margin-bottom:7px;font-size:1.65rem}.office-login p{color:var(--office-muted);margin-bottom:0;font-size:.85rem}.line-login-button{color:#fff;background:#06c755;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:52px;font-weight:750;display:flex}.line-login-button span{border-right:1px solid #ffffff73;padding-right:12px;font-weight:900}.login-message{background:#eaf8f1;border-left:3px solid #12a56f;padding:12px 14px;color:#087852!important}.login-message--error{border-left-color:var(--office-danger);background:#fbecea;color:var(--office-danger)!important}.login-setup{border-left:3px solid var(--office-blue);background:var(--office-blue-soft);gap:8px;padding:15px;display:grid}.login-setup p{font-size:.75rem}.office-login small{color:var(--office-muted);text-align:center;font-size:.7rem}.office-app{grid-template-columns:224px minmax(0,1fr);min-height:100dvh;display:grid}.office-sidebar{background:#102f52;flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.office-brand{border-bottom:1px solid #ffffff24;place-content:center;justify-items:center;gap:2px;min-height:92px;padding:18px 22px;display:grid}.office-brand img{filter:brightness(0)invert();width:154px;height:auto}.office-brand span{color:#8ecbf5;letter-spacing:.36em;font-size:.65rem;font-weight:800}.office-sidebar nav{gap:4px;padding:18px 12px;display:grid}.office-nav-link{color:#c5d8e8;border-radius:7px;align-items:center;gap:13px;min-height:46px;padding:9px 14px;font-size:.88rem;font-weight:700;display:flex}.office-nav-link svg{flex:0 0 21px;width:21px;height:21px}.office-nav-link:hover{color:#fff;background:#ffffff14}.office-nav-link--active{color:#fff;background:#198bd7}.office-sidebar__footer{color:#bdd1e0;border-top:1px solid #ffffff24;align-items:center;gap:8px;margin-top:auto;padding:18px 22px;font-size:.75rem;display:flex}.status-dot{background:#a4adb2;border-radius:50%;width:8px;height:8px}.status-dot--good{background:#1ac57b}.office-main{min-width:0}.office-topbar{border-bottom:1px solid var(--office-border);background:#fff;justify-content:space-between;align-items:center;gap:24px;height:68px;padding:0 34px;display:flex}.office-topbar>div:first-child{display:grid}.office-topbar>div:first-child strong{font-size:.88rem}.office-topbar>div:first-child span{color:var(--office-muted);font-size:.7rem}.office-user{align-items:center;gap:10px;display:flex}.office-user__avatar{background:var(--office-blue-soft);width:37px;height:37px;color:var(--office-blue-deep);border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid}.office-user>span:last-child{gap:1px;display:grid}.office-user strong{font-size:.79rem}.office-user small{color:var(--office-muted);font-size:.68rem}.office-content{width:min(100% - 64px,1320px);margin:0 auto;padding:30px 0 56px}.items-workspace,.item-editor,.item-detail,.production-workspace{gap:20px;display:grid}.items-heading,.item-editor__heading,.item-detail__header{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.items-heading h1,.item-editor__heading h1,.item-detail__identity h1{color:var(--office-ink);letter-spacing:-.025em;margin:0 0 5px;font-size:clamp(1.8rem,2.6vw,2.35rem);line-height:1.08}.items-heading p,.item-editor__heading p,.item-detail__identity p{color:var(--office-muted);margin:0;font-size:.9rem}.item-overview{border:1px solid var(--office-border);background:#fff;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.item-overview>div{grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:2px 6px;min-height:87px;padding:17px 20px;display:grid}.item-overview>div+div{border-left:1px solid var(--office-border)}.item-overview span{color:var(--office-muted);grid-column:1/-1;font-size:.75rem}.item-overview strong{color:var(--office-blue-deep);font-size:1.35rem;line-height:1}.item-overview small{color:var(--office-muted);font-size:.72rem}.items-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.items-filter{border:1px solid var(--office-border);background:#fff;border-radius:8px;gap:2px;padding:3px;display:flex}.items-filter__button{min-height:34px;color:var(--office-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 13px;font-size:.78rem;font-weight:700}.items-filter__button:hover{color:var(--office-blue-deep)}.items-filter__button--active{background:var(--office-blue-soft);color:var(--office-blue-deep)}.item-search{width:min(100%,320px);display:block;position:relative}.item-search svg{fill:none;width:18px;height:18px;stroke:var(--office-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.item-search input,.item-editor input,.stock-action-form input{width:100%;min-height:40px;color:var(--office-ink);background:#fff;border:1px solid #b9cbd7;border-radius:7px;padding:8px 10px;font-size:.82rem}.item-search input{padding-left:38px}input:focus{border-color:var(--office-blue);outline:0;box-shadow:0 0 0 3px #1685d11f}.items-list{border:1px solid var(--office-border);background:#fff;border-radius:10px;overflow:hidden}.items-list__header,.item-row{grid-template-columns:minmax(240px,2.1fr) minmax(150px,.8fr) minmax(145px,.7fr) minmax(125px,.62fr) 24px;align-items:center;gap:16px;display:grid}.items-list__header{border-bottom:1px solid var(--office-border);min-height:43px;color:var(--office-muted);background:#f7fafc;padding:0 20px;font-size:.7rem;font-weight:700}.item-row{border-bottom:1px solid var(--office-border);min-height:76px;padding:12px 20px;transition:background .16s}.item-row:last-child{border-bottom:0}.item-row:hover{background:#f6fbfe}.item-row__name{gap:2px;min-width:0;display:grid}.item-row__name strong{color:var(--office-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.89rem;font-weight:700;overflow:hidden}.item-row__name small{color:var(--office-muted);font-size:.72rem}.item-row__type,.item-row__quantity{color:#34465b;font-size:.8rem}.item-row__quantity{white-space:nowrap;font-weight:700}.item-row__arrow{fill:none;stroke:#8ca1af;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.item-status{white-space:nowrap;border-radius:999px;width:fit-content;padding:3px 8px;font-size:.69rem;font-weight:700}.item-status--good{color:var(--office-good);background:#e8f7ef}.item-status--warning{color:var(--office-warning);background:#fff4df}.item-status--quiet{color:#687888;background:#eff3f6}.item-status--neutral{background:var(--office-blue-soft);color:var(--office-blue-deep)}.items-list__state{min-height:210px;color:var(--office-muted);text-align:center;place-content:center;justify-items:center;gap:7px;padding:24px;font-size:.84rem;display:grid}.items-list__state strong{color:var(--office-ink);font-size:.95rem}.items-list__state--error{color:var(--office-danger)}.items-list__state .quiet-button{margin-top:5px}.back-link{color:var(--office-blue-deep);align-items:center;gap:5px;margin-bottom:13px;font-size:.78rem;font-weight:700;display:inline-flex}.back-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:16px;height:16px}.item-editor__form,.item-detail__panel{border:1px solid var(--office-border);background:#fff;border-radius:10px;overflow:hidden}.item-type-picker{border:0;border-bottom:1px solid var(--office-border);background:#fbfdfe;margin:0;padding:20px 22px}.item-type-picker legend{color:var(--office-ink);margin-bottom:11px;font-size:.9rem;font-weight:700}.item-type-picker>div{flex-wrap:wrap;gap:7px;display:flex}.item-type-picker__option{border:1px solid var(--office-border);color:#4a5b6d;cursor:pointer;background:#fff;border-radius:6px;min-height:35px;padding:5px 12px;font-size:.77rem;font-weight:700}.item-type-picker__option:hover{color:var(--office-blue-deep);border-color:#96c8e8}.item-type-picker__option--active{border-color:var(--office-blue);background:var(--office-blue-soft);color:var(--office-blue-deep)}.item-type-picker p{color:var(--office-muted);margin:12px 0 0;font-size:.77rem}.item-editor__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;display:grid}.item-editor__fields label,.stock-action-form label{gap:6px;display:grid}.item-editor__fields label>span,.stock-action-form label>span{color:#465a6e;font-size:.75rem;font-weight:700}.item-editor__fields label>span b,.stock-action-form label>span b{color:var(--office-danger)}.item-editor__wide{grid-column:1/-1}.item-editor__section{border-top:1px solid var(--office-border);grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);gap:24px;padding:22px;display:grid}.item-editor__section h2{color:var(--office-ink);margin:0 0 4px;font-size:.96rem}.item-editor__section p{color:var(--office-muted);margin:0;font-size:.76rem;line-height:1.5}.stock-mode-picker{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stock-mode-picker__choice{border:1px solid var(--office-border);cursor:pointer;border-radius:7px;gap:10px;min-height:72px;padding:12px;display:flex}.stock-mode-picker__choice input,.stock-action-form__direction input{width:16px;min-height:16px;accent-color:var(--office-blue);margin:3px 0 0}.stock-mode-picker__choice span{gap:2px;display:grid}.stock-mode-picker__choice strong{color:var(--office-ink);font-size:.8rem}.stock-mode-picker__choice small{color:var(--office-muted);font-size:.69rem;line-height:1.35}.stock-mode-picker__choice--active{background:#f4fbff;border-color:#8cc9ec}.item-editor__short{align-self:end}.item-editor__short span{color:#465a6e;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.item-editor__section--compact .item-editor__fields{padding:0}.item-editor__actions{border-top:1px solid var(--office-border);background:#fbfdfe;justify-content:flex-end;gap:10px;padding:18px 22px;display:flex}.item-detail__identity{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.item-detail__identity>div:first-child>span{color:var(--office-blue-deep);letter-spacing:.04em;font-size:.72rem;font-weight:800}.item-detail__stock{justify-items:end;gap:3px;min-width:165px;display:grid}.item-detail__stock span{color:var(--office-muted);font-size:.72rem}.item-detail__stock strong{color:var(--office-blue-deep);white-space:nowrap;font-size:1.35rem;line-height:1.1}.item-tabs{border-bottom:1px solid var(--office-border);gap:5px;display:flex}.item-tabs__button{min-height:42px;color:var(--office-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 14px;font-size:.8rem;font-weight:700}.item-tabs__button:hover{color:var(--office-blue-deep)}.item-tabs__button--active{border-bottom-color:var(--office-blue);color:var(--office-blue-deep)}.item-detail__panel{min-height:215px;padding:22px}.item-info__grid{border:1px solid var(--office-border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.item-info__grid>div{border-bottom:1px solid var(--office-border);gap:4px;min-height:76px;padding:14px 16px;display:grid}.item-info__grid>div:not(:nth-child(4n+1)){border-left:1px solid var(--office-border)}.item-info__grid span{color:var(--office-muted);font-size:.7rem}.item-info__grid strong{overflow-wrap:anywhere;color:var(--office-ink);font-size:.82rem}.item-info__note{color:var(--office-muted);margin:16px 0 0;font-size:.76rem}.item-stock{padding:0}.item-stock__summary{grid-template-columns:1fr 1fr auto;align-items:center;display:grid}.item-stock__summary>div{gap:4px;min-height:89px;padding:18px 22px;display:grid}.item-stock__summary>div+div{border-left:1px solid var(--office-border)}.item-stock__summary span{color:var(--office-muted);font-size:.72rem}.item-stock__summary strong{color:var(--office-blue-deep);font-size:1.08rem}.item-stock__actions{align-items:center;padding-inline:16px!important;display:flex!important}.item-stock__actions .quiet-button{margin-left:7px}.stock-action-form{border-top:1px solid var(--office-border);background:#fbfdfe;gap:16px;padding:20px 22px;display:grid}.section-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-title h2{margin-bottom:3px;font-size:.94rem}.section-title p{color:var(--office-muted);margin:0;font-size:.74rem}.text-button{color:var(--office-blue-deep);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.78rem;font-weight:700}.stock-action-form__direction{border:0;flex-wrap:wrap;gap:14px;margin:0;padding:0;display:flex}.stock-action-form__direction legend{color:#465a6e;flex-basis:100%;margin-bottom:3px;font-size:.75rem;font-weight:700}.stock-action-form__direction label{color:#415266;cursor:pointer;align-items:center;gap:6px;font-size:.78rem;display:flex}.stock-action-form__direction input{margin:0}.stock-action-form__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stock-action-form__note{grid-column:span 2}.stock-action-form footer{justify-content:flex-end;display:flex}.stock-history{padding:20px 22px 0}.stock-history__table{margin:0 -22px}.stock-history__table>div{border-top:1px solid var(--office-border);grid-template-columns:130px minmax(160px,1fr) 145px 145px;align-items:center;gap:15px;min-height:62px;padding:10px 22px;font-size:.77rem;display:grid}.stock-history__table>div:first-child{min-height:38px;color:var(--office-muted);background:#f7fafc;font-size:.68rem;font-weight:700}.stock-readonly{color:var(--office-muted);margin:0;padding:18px 22px;font-size:.76rem}.stock-history__table small{color:var(--office-muted);margin-top:2px;font-size:.68rem;display:block}.movement-direction{font-weight:700}.movement-direction--in{color:var(--office-good)}.movement-direction--out{color:var(--office-danger)}.item-detail__empty,.item-detail__state{min-height:215px;color:var(--office-muted);text-align:center;align-content:center;justify-items:center;gap:7px;display:grid}.item-detail__empty h2,.item-detail__state h1{color:var(--office-ink);margin:0;font-size:1.1rem}.item-detail__empty p,.item-detail__state p{max-width:560px;margin:0;font-size:.82rem;line-height:1.55}.item-detail__empty--error{color:var(--office-danger)}.item-detail__empty .quiet-button,.item-detail__state .quiet-button{margin-top:7px}.production-workspace__empty{border:1px solid var(--office-border);background:#fff;border-radius:10px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:18px;max-width:760px;padding:27px;display:grid}.production-workspace__empty>svg{background:var(--office-blue-soft);fill:none;width:54px;height:54px;stroke:var(--office-blue-deep);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;border-radius:50%;padding:13px}.production-workspace__empty h2{color:var(--office-ink);margin:0 0 4px;font-size:1.05rem}.production-workspace__empty p{color:var(--office-muted);margin:0;font-size:.8rem;line-height:1.5}@media (max-width:980px){.office-content{width:calc(100% - 42px)}.items-list__header,.item-row{grid-template-columns:minmax(190px,1.5fr) minmax(115px,.7fr) minmax(115px,.65fr) minmax(108px,.55fr) 20px;gap:10px}.item-info__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-info__grid>div:not(:nth-child(4n+1)){border-left:0}.item-info__grid>div:not(:nth-child(odd)){border-left:1px solid var(--office-border)}.stock-action-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.office-app{display:block}.office-sidebar{width:100%;height:auto;position:static}.office-brand{justify-content:start;min-height:64px}.office-brand img{width:126px}.office-sidebar nav{padding:9px;display:flex;overflow-x:auto}.office-nav-link{flex:none}.office-sidebar__footer{display:none}.office-topbar{height:62px;padding:0 14px}.office-topbar>div:first-child{display:none}.office-content{width:calc(100% - 28px);padding-top:24px}.office-user>span:last-child{display:none}.items-heading{flex-direction:column;align-items:stretch}.items-heading .primary-button{width:100%}.item-overview{grid-template-columns:1fr}.item-overview>div+div{border-top:1px solid var(--office-border);border-left:0}.items-toolbar{flex-direction:column;align-items:stretch}.items-filter{overflow-x:auto}.items-filter__button{flex:none}.item-search{width:100%}.items-list__header{display:none}.item-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;min-height:92px}.item-row__name{grid-column:1}.item-row__type{grid-area:2/1}.item-row__quantity{grid-area:2/2}.item-row__arrow{grid-area:1/2}.item-row .item-status{display:none}.item-editor__fields,.item-editor__section{grid-template-columns:1fr}.item-editor__fields{padding:18px}.item-editor__wide{grid-column:auto}.item-editor__section{gap:16px;padding:18px}.stock-mode-picker{grid-template-columns:1fr}.item-editor__section--compact .item-editor__fields{padding:0}.item-detail__identity{flex-direction:column;align-items:flex-start;gap:14px}.item-detail__stock{justify-items:start}.item-tabs{overflow-x:auto}.item-tabs__button{flex:none;padding-inline:11px}.item-detail__panel{padding:18px}.item-info__grid{grid-template-columns:1fr}.item-info__grid>div:not(:nth-child(odd)){border-left:0}.item-stock__summary{grid-template-columns:1fr}.item-stock__summary>div+div{border-top:1px solid var(--office-border);border-left:0}.item-stock__actions{justify-content:start}.stock-action-form{padding:18px}.stock-action-form__grid{grid-template-columns:1fr}.stock-action-form__note{grid-column:auto}.stock-history{padding:18px 18px 0}.stock-history__table{margin:0 -18px;overflow-x:auto}.stock-history__table>div{min-width:630px;padding-inline:18px}.production-workspace__empty{grid-template-columns:1fr}}