.loading-overlay{width:100%;height:80%;z-index:999;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.loading-overlay .loading-icon{font-size:5rem}.loading-overlay .loading-text{padding:0 4px;font-size:1.25rem;font-weight:700}.print-fab{width:60px;height:60px;position:fixed;z-index:999;bottom:30px;left:30px;border-radius:1em;line-height:60px;vertical-align:middle;font-size:2em;border:1px solid #000;text-align:center;cursor:pointer;background-color:#ffc107!important}.cell-empty{width:100%;border:1px solid #aaa}.truck-box{width:100%;border:1px solid #888;height:140px}.footer-label{font-size:.8em;position:absolute;top:0;left:13px}.footer-box{text-align:center;position:relative;line-height:60px;vertical-align:bottom}.footer-box,.footer-box-empty{width:100%;border:1px solid #999;height:50px}.stock-grp-name{position:relative;border-left:1px solid #999}.stock-grp-name,.stock-grp-sell{padding:1px;border-bottom:1px solid #999}.stock-grp-sell{width:200px;color:#777;font-size:.9em;text-align:left}.stock-grp-bar{text-align:center;position:relative;color:#000;width:80px;padding:1px;border-bottom:1px solid #111;border-left:1px solid #111;border-right:1px solid #111}.stock-grp-bar-text{position:absolute;z-index:990;font-size:1.1em;left:0;right:0;top:0}.stock-grp-bar-bg{padding:0;text-align:center;position:absolute;left:0;top:0;width:100%;height:100%}.truncate-170{width:170px}.truncate-120,.truncate-170{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-120{width:120px}.unit-badge{padding:4px 8px;min-width:35px}.unit-badge,.unit-badge-x{text-align:center;font-weight:700;border-radius:.25rem;font-size:1em}.unit-badge-x{padding:4px}.percent-bar{border:1px solid #000;border-radius:.25rem;position:relative}.percent-bar-label{padding-left:8px;position:absolute;z-index:990}.big-unit-text{font-size:3em;line-height:50px}.scan-label{position:relative;top:-6px;font-size:.6em;line-height:1px}.unique-code-input{width:100%;padding:4px;font-size:.4em;text-align:left;font-weight:700}.action-badge{color:#fff;margin-left:8px;padding:0 8px;cursor:pointer;border-radius:.25em}.history-num{display:inline-block;min-width:18px;line-height:18px;border-radius:3em;text-align:center;color:#fff;font-weight:700;background-color:#28a745!important}.page-dot{width:25px;height:25px;line-height:25px;vertical-align:middle;border:1px solid #f6be00;margin-right:3px;cursor:pointer}.express-stock-box{background:#add8e6;border:2px solid #72bcd4}.history-box{background:#f0e2b6;border:2px solid #f6be00;position:relative}.cus-legend{display:inline-block;min-width:11px;line-height:11px;border-radius:3em;padding:0;margin:0;text-align:center;font-weight:700;color:#fff}.cus-legend-text{font-size:.9em}.cus-num{display:inline-block;min-width:18px;line-height:18px;border-radius:3em;text-align:center;color:#fff;font-weight:700;background-color:#28a745!important}.day-picker{border:1px solid #eee;border-radius:.25em;cursor:pointer}.group-select-badge{position:absolute;left:-3px;top:-28px;font-size:.9em;cursor:pointer}.weight-box{border-radius:.25em;border:1px solid #eee;cursor:pointer}.weight-icon-wrap{position:absolute;top:63%;left:50%;transform:translate(-50%,-50%)}.makro-price-box{background:#f7f9fc;border:1px solid #d0dbe8;border-radius:.4rem;padding:8px 10px}.makro-logo{background:#0055a5;color:#fff;font-size:.7em;padding:1px 6px;border-radius:3px;letter-spacing:.5px}.makro-item{background:#fff;border:1px solid #e8ecf0;border-radius:.3rem;padding:6px 8px}.makro-thumb{-o-object-fit:contain;object-fit:contain;background:#f8f8f8}.makro-thumb,.makro-thumb-empty{width:36px;height:36px;border-radius:4px;flex-shrink:0}.makro-thumb-empty{background:#eee}.makro-price{font-size:.95em;color:#0055a5}.makro-discount{font-size:.6em;color:#fff;background:#dc2626;padding:0 4px;border-radius:3px;font-weight:700}.makro-original{font-size:.65em;color:#999;text-decoration:line-through}.no-padding td{padding-top:0!important;padding-bottom:0!important;margin:0!important}.form-control:focus{box-shadow:inset 0 0 0 transparent!important;outline:none!important}input:focus::-webkit-input-placeholder{opacity:0}.text-yellow{color:#ff0!important}.text-not-count{color:#888!important}.text-fade{color:#ddd}.sticky-top{top:10px!important}.border-tab{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-bottom-left-radius:.25em;border-bottom-right-radius:.25em}.vue-barcode-element{width:100%!important;height:100%!important}.old_count_stock{opacity:.5;filter:grayscale(100%)}.grayscale{opacity:.8;filter:grayscale(100%)}.peter-modal .modal-content,.peter-modal .modal-dialog,.peter-modal .modal-footer,.peter-modal .modal-header{border:0}.modal-backdrop{background:#fff!important;opacity:1!important}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-orange{background:orange!important}.bg-gray{background:#ddd}.bg-warning-x{background:#ffd760!important}.bg-success-x{background:#c2ef81!important}.bg-secondary-x{background:#aaa!important}.bg-danger-x{background:#ff8886!important}.border-danger-x{border:1px solid #ff6863!important}.bg-light-green{background:#c2ef81!important}.fadex{opacity:.15!important}.fadex2{opacity:.3!important}.peter-radio{display:block!important}.peter-radio label{text-align:left!important;padding-left:10px}.peter-radio label.active{font-weight:700;border:1px solid #ddd!important}.peter-radio input[type=radio]{position:relative!important;margin-right:8px!important}input.largerCheckbox{display:none;width:28px;height:28px}.main_button{border:1px solid #ddd!important;border-radius:.25em}.main_button.active{background:#dc3545;font-weight:700!important;color:#fff!important;border:1px solid #dc3545!important}.gg-select{position:relative;display:block;width:22px;height:22px}.gg-select:after,.gg-select:before{content:"";display:block;position:absolute;width:8px;height:8px;left:7px;transform:rotate(-45deg)}.gg-select:before{border-left:2px solid;border-bottom:2px solid;bottom:4px;opacity:.3}.gg-select:after{border-right:2px solid;border-top:2px solid;top:4px;opacity:.3}th.sort{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sort.asc .gg-select:after,th.sort.desc .gg-select:before{opacity:1}.customer-product-row{transition:background-color .12s ease}.customer-product-row:hover{background-color:#f0f4f8}.customer-type-box{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .12s ease,transform .08s ease}.customer-type-box:hover{filter:brightness(.95)}.customer-type-box:active{transform:scale(.97)}.customer-image-container{position:relative;overflow:hidden;border-radius:4px}.customer-image{width:100%;display:block;border-radius:4px}.image-buttons-strip{position:absolute;bottom:0;left:0;right:0;display:flex;gap:4px;padding:4px;background:rgba(0,0,0,.45)}.image-action-btn{flex:1;text-align:center;padding:8px 0;background:hsla(0,0%,100%,.95);border-radius:3px;cursor:pointer;font-size:1.3em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease,transform .08s ease}.image-action-btn:hover{background:#ffd760}.image-action-btn:active{transform:scale(.94)}.image-menu-trigger{position:absolute;bottom:6px;right:6px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3em;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease}.image-menu-trigger:hover{background:rgba(0,0,0,.8)}.image-menu-popup{position:absolute;bottom:42px;right:6px;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:140px;z-index:10;overflow:hidden}.image-menu-item{padding:8px 12px;cursor:pointer;font-size:.85em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease}.image-menu-item:hover{background:#f0f4f8}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7)}.customer-image-lightbox,.image-loading-overlay{display:flex;align-items:center;justify-content:center}.customer-image-lightbox{position:relative;background:#000;border-radius:4px;overflow:hidden;min-height:200px}.lightbox-image{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.lightbox-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:1.2em;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .12s ease}.lightbox-close:hover{background:rgba(0,0,0,.85)}.map-modal-search{position:relative;padding-bottom:10px;background:#fff;border-bottom:1px solid #dee2e6}.map-modal-search input{width:100%}.map-search-dropdown{position:absolute;top:calc(100% - 1px);left:10px;right:10px;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 4px 4px;max-height:240px;overflow-y:auto;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,.08)}.map-search-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease}.map-search-item:last-child{border-bottom:none}.map-search-item:hover{background:#f0f4f8}.map-modal-container{position:relative;width:100%;height:50vh;min-height:360px;background:#e8e8e8}.map-center-pin{top:50%;transform:translate(-50%,-100%);font-size:36px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-center-pin,.map-hint{position:absolute;left:50%;pointer-events:none;z-index:5}.map-hint{top:8px;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:4px 10px;border-radius:4px;font-size:.8em;white-space:nowrap}.skeleton-box{display:inline-block;background:linear-gradient(90deg,#e8e8e8,#f5f5f5 50%,#e8e8e8);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}html{overflow-x:hidden}body,html{width:100%}body.modal-open{overflow:visible}*{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:active,a:focus,a:visited{outline:none}a{color:#888!important}.modal-open{overflow:hidden}body{touch-action:manipulation;font-family:SukhumvitSet,Arial,sans-serif!important}@font-face{font-family:SukhumvitSet;font-style:normal;font-weight:400;src:url(../fonts/SukhumvitSet-Text.69fc4f0f.ttf) format("truetype")}@font-face{font-family:SukhumvitSet;font-style:normal;font-weight:700;src:url(../fonts/SukhumvitSet-Bold.cf83ce0a.ttf) format("truetype")}#app{font-family:SukhumvitSet,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%}