:root{--font-noto-sans-thai:"Noto Sans Thai Variable";--cui-primary:#4f46e5;--cui-primary-rgb:79, 70, 229;--cui-link-color:#4f46e5;--cui-link-color-rgb:79, 70, 229;--cui-link-hover-color:#4338ca;--cui-link-hover-color-rgb:67, 56, 202;--cui-border-radius:.625rem;--cui-border-radius-sm:.5rem;--cui-border-radius-lg:.75rem;--cui-card-box-shadow:0 1px 2px #0f172a0a, 0 8px 24px -12px #0f172a14;--cui-card-border-color:#e5e7eb;--cui-btn-border-radius:.5rem}body{font-family:var(--font-noto-sans-thai), sans-serif;background:#fafafa}.sidebar.sidebar-dark{--cui-sidebar-bg:#111827;--cui-sidebar-nav-link-active-bg:#4f46e559;--cui-sidebar-nav-link-active-color:#fff;--cui-sidebar-nav-link-hover-bg:#ffffff0f}.header{box-shadow:0 1px 2px #0f172a0a}.wrapper{min-height:100vh}html{font-size:15px}@media (min-width:768px){html{font-size:15.5px}}@media (min-width:1200px){html{font-size:16px}}@media (min-width:1920px){html{font-size:18px}}:root{--sidebar-w:16rem}@media (min-width:1200px){:root{--sidebar-w:17.5rem}}.sidebar{--cui-sidebar-width:var(--sidebar-w)}.content-shifted{margin-left:var(--sidebar-w)}.sidebar{transition:margin-left .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.sidebar.show.sidebar-fixed:not(.sidebar-narrow){box-shadow:0 0 24px #0f172a40}.sidebar-backdrop{transition:opacity .3s}.wrapper.d-flex{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop,.wrapper.d-flex{transition:none}}@media (max-width:1199.98px){.content-shifted{margin-left:0}}.tt{cursor:default;border-bottom:1px dotted;position:relative}.tt:after{content:attr(data-tooltip);color:#fff;white-space:normal;text-align:center;opacity:0;pointer-events:none;z-index:20;background:#111827;border-radius:6px;width:max-content;max-width:260px;padding:6px 10px;font-size:.75rem;font-weight:400;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0f172a2e}.tt:before{content:"";opacity:0;pointer-events:none;z-index:20;border:5px solid #0000;border-top-color:#111827;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(4px)}.tt:hover:after,.tt:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.sidebar-nav .nav-link,.sidebar-nav .nav-group-toggle{white-space:normal;overflow-wrap:break-word;align-items:flex-start;line-height:1.35}.sidebar-nav .nav-icon{flex-shrink:0;margin-top:.1rem}.sidebar-nav .nav-title{white-space:normal}.card-body,.card-header,.table td,.table th,.alert,.modal-body{overflow-wrap:break-word}h1{overflow-wrap:anywhere;font-size:clamp(1.45rem,1.1rem + 1.1vw,2.1rem)}h2{overflow-wrap:anywhere}.btn{max-width:100%}.btn.text-nowrap{white-space:normal!important}@media (min-width:576px){.btn.text-nowrap{white-space:nowrap!important}}.table{--cui-table-hover-bg:#f8fafc}.table>thead>tr>th,.table>thead>tr>td{color:#475569;vertical-align:middle;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600}.table>tbody>tr>td{border-color:#f1f5f9}.table>tbody>tr:hover>*{background-color:#fafbff}.card{border-color:var(--cui-card-border-color)}.card>.table-responsive:first-child>.table,.card>.table-responsive>.table{margin-bottom:0}.card-header{background:#fff;border-bottom-color:#f1f5f9;font-weight:600}.badge{letter-spacing:.01em;border-radius:999px;padding:.35em .65em;font-weight:500}.form-label{color:#334155;font-weight:500}.btn:focus-visible,.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:#a5b4fc;box-shadow:0 0 0 .2rem #4f46e533}.btn-dark{--cui-btn-bg:#1f2937;--cui-btn-border-color:#1f2937;--cui-btn-hover-bg:#111827;--cui-btn-hover-border-color:#111827}.alert{border-radius:.625rem}.text-body-secondary{color:#64748b!important}main h1+p.text-body-secondary{margin-top:-.15rem}.sidebar-nav .nav-title{letter-spacing:.04em;opacity:.75;font-size:.72rem}.app-footer{z-index:1020;color:#64748b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.4rem 1rem;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1200px){.content-shifted .app-footer{left:var(--sidebar-w)}}.wrapper{padding-bottom:2.5rem}@media (max-width:575.98px){.app-footer{text-align:center;justify-content:center}.wrapper{padding-bottom:3.75rem}}@media print{.app-footer{display:none!important}}@media (pointer:coarse),(max-width:1199.98px){.btn{justify-content:center;align-items:center;gap:.35rem;min-height:2.75rem;display:inline-flex}.btn-sm{min-height:2.5rem}.btn-close{min-width:2.5rem;min-height:2.5rem}.form-control,.form-select{min-height:2.75rem}.form-control-sm,.form-select-sm{min-height:2.5rem}.form-check-input{width:1.35em;height:1.35em}.sidebar-nav .nav-link,.sidebar-nav .nav-group-toggle{padding-top:.7rem;padding-bottom:.7rem}.table>:not(caption)>*>*{padding-top:.65rem;padding-bottom:.65rem}.table a:not(.btn){padding:.3rem 0;display:inline-block}.dropdown-item{padding-top:.6rem;padding-bottom:.6rem}}@media (max-width:1199.98px){.body{padding-left:1rem!important;padding-right:1rem!important}}.container-lg>h1{margin-bottom:1.25rem!important}.container-lg>h1:has(+p){margin-bottom:.35rem!important}.container-lg>.d-flex.justify-content-between:first-child{margin-bottom:1.25rem!important}.table .btn{white-space:nowrap}.page-container{width:100%;max-width:1760px;margin-left:auto;margin-right:auto}.page-container>h1+p.text-body-secondary,.page-container>p.lead{max-width:80ch}.form-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.form-check-label{overflow-wrap:anywhere}.form-narrow{max-width:1000px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:1.25rem;display:grid}.form-field-wide{grid-column:1/-1}@media (max-width:767.98px){.form-grid{grid-template-columns:minmax(0,1fr)}}.item-select-row:hover,.item-select-row:focus{background:var(--cui-tertiary-bg,#f1f5f9)!important}.ib-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:.75rem;height:62vh;display:grid}@media (max-width:767.98px){.ib-grid{grid-template-columns:minmax(0,1fr);height:auto}.ib-grid .ib-col{max-height:34vh}}.ib-col{border:1px solid var(--cui-border-color);background:var(--cui-body-bg);border-radius:.75rem;flex-direction:column;min-height:0;display:flex;overflow:hidden}.ib-head{color:var(--cui-secondary-color);background:var(--cui-tertiary-bg);border-bottom:1px solid var(--cui-border-color);justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.8rem;font-weight:600;display:flex}.ib-body{flex:1;overflow-y:auto}.ib-row{text-align:left;width:100%;color:var(--cui-body-color);background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.9rem;display:flex}.ib-row:hover{background:var(--cui-tertiary-bg)}.ib-row.active{background:rgba(var(--cui-primary-rgb), .08);border-left-color:var(--cui-primary);color:var(--cui-primary);font-weight:600}.ib-count{text-align:center;background:var(--cui-secondary-bg);min-width:2rem;color:var(--cui-secondary-color);border-radius:999px;flex-shrink:0;padding:0 .5rem;font-size:.75rem;line-height:1.4rem}.ib-row.active .ib-count{background:var(--cui-primary);color:#fff}.ib-item{text-align:left;border:0;border-bottom:1px solid var(--cui-border-color-translucent);width:100%;color:var(--cui-body-color);background:0 0;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.ib-item:hover{background:var(--cui-tertiary-bg)}.ib-item-name{font-size:.9rem;font-weight:600;line-height:1.3}.ib-item-meta{color:var(--cui-secondary-color);font-size:.78rem}.ib-figures{flex-direction:column;align-items:flex-end;gap:.15rem;margin-left:auto;display:flex}.ib-price{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.ib-stock{white-space:nowrap;background:rgba(var(--cui-success-rgb), .12);color:var(--cui-success);border-radius:999px;padding:0 .45rem;font-size:.72rem}.ib-stock.low{background:rgba(var(--cui-warning-rgb), .18);color:#a16207}.ib-stock.out{background:rgba(var(--cui-danger-rgb), .12);color:var(--cui-danger)}.ib-add{border:1px solid var(--cui-primary);width:2rem;height:2rem;color:var(--cui-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;line-height:1;display:inline-flex}.ib-item.picked .ib-add{background:var(--cui-primary);color:#fff;font-size:.8rem}.ib-empty{text-align:center;color:var(--cui-secondary-color);padding:1.5rem .9rem;font-size:.875rem}
@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-thai-wght-normal.35a9qnauvobla.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-ext-wght-normal.0dnd662bub_gf.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-thai-latin-wght-normal.3sa71yz_9i4ni.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}