*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin-left:auto;margin-right:auto;max-width:var(--max-width);min-height:100vh;padding:18px 16px 28px}html.is-standalone .container{padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-top:calc(18px + env(safe-area-inset-top))}.header{align-items:center;display:flex;flex-direction:column;gap:6px}.header h1{color:var(--accent-green);font-size:1.6rem;font-weight:var(--font-weight-strong);line-height:1.25}.header h1,.header p.note{margin:0;text-align:center}.header p.note{color:var(--muted);font-size:.95rem}.list{display:flex;flex-direction:column;gap:12px}.\!card,.card{align-items:center;box-sizing:border-box;display:flex;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\!card{border-radius:12px!important;box-shadow:var(--shadow)!important;gap:12px!important;padding:12px!important}.card{border-radius:12px;box-shadow:var(--shadow);gap:12px;padding:12px}.\!card .img-wrap,.card .img-wrap{align-items:center;display:flex;justify-content:center}.\!card .img-wrap{flex:0 0 28%!important;max-width:28%!important}.card .img-wrap{flex:0 0 28%;max-width:28%}.\!card .img-wrap img,.card .img-wrap img{height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.\!card .img-wrap img{border-radius:8px!important;max-height:180px!important;width:100%!important}.card .img-wrap img{border-radius:8px;max-height:180px;width:100%}.\!card .info,.card .info{align-items:center;display:flex;flex-direction:column;text-align:center}.\!card .info{flex:1 1 auto!important;gap:6px!important}.card .info{flex:1 1 auto;gap:6px}.\!card .info .name,.card .info .name{text-align:center}.\!card .info .name{color:#0b1220!important;font-size:1.05rem!important;font-weight:800!important;line-height:1.25!important}.card .info .name{color:#0b1220;font-size:1.05rem;font-weight:800;line-height:1.25}.\!card .info .sku,.card .info .sku{text-align:center}.\!card .info .sku{color:var(--shopee-red)!important;font-size:.93rem!important}.card .info .sku{color:var(--shopee-red);font-size:.93rem}.\!card .info .desc{color:var(--shopee-red)!important;font-size:.9rem!important;margin-top:4px!important}.card .info .desc{color:var(--shopee-red);font-size:.9rem;margin-top:4px}.\!card .qty{--orig-min-width:72px!important;--orig-font-size:1.05rem!important}.card .qty{--orig-min-width:72px;--orig-font-size:1.05rem}.\!card .qty,.card .qty{align-items:center;box-sizing:border-box;display:flex;justify-content:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\!card .qty{background:var(--accent-green)!important;border-radius:10px!important;flex:0 0 calc(var(--orig-min-width)*var(--qty-scale))!important;font-size:calc(var(--orig-font-size)*var(--qty-scale)*var(--qty-font-mult))!important;font-weight:900!important;min-width:calc(var(--orig-min-width)*var(--qty-scale))!important;padding:calc(8px*var(--qty-scale)) calc(10px*var(--qty-scale))!important}.card .qty{background:var(--accent-green);border-radius:10px;flex:0 0 calc(var(--orig-min-width)*var(--qty-scale));font-size:calc(var(--orig-font-size)*var(--qty-scale)*var(--qty-font-mult));font-weight:900;min-width:calc(var(--orig-min-width)*var(--qty-scale));padding:calc(8px*var(--qty-scale)) calc(10px*var(--qty-scale))}table{display:none}.img-cell img{display:block;max-height:160px;max-width:180px;-o-object-fit:contain;object-fit:contain}.table-row{display:table-row}.sort-btn{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:1px solid #e6e6e6;border-radius:10px;box-shadow:var(--shadow);color:#111;font-size:.95rem;font-weight:800;min-width:140px;padding:10px 14px;text-align:center}.sort-btn.active{background:var(--accent-green)}.sort-btn.active,.sort-btn.name-mode{border-color:rgba(0,0,0,.05);color:#fff}.sort-btn.name-mode{background:#ef4444}.sort-btn:focus{border-color:var(--accent-green);outline:3px solid rgba(22,163,74,.18);outline-offset:2px}.file-btn,.view-saved-btn{cursor:pointer;display:inline-flex;--tw-text-opacity:1;background:var(--shopee-teal);border:none;border-radius:8px;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:700;padding:8px 12px}.file-btn,.form-row,.view-saved-btn{align-items:center;gap:8px}.form-row{display:flex;flex-wrap:wrap;justify-content:center}.small{color:#666;font-size:.9em}.error,.note{text-align:center}.error{color:var(--shopee-red);font-weight:700}.success{color:#065f46;font-weight:700;margin-top:8px;text-align:center}.\!empty,.empty{text-align:center}.\!empty{background:transparent!important;border-radius:8px!important;color:var(--muted)!important;padding:18px!important}.empty{background:transparent;border-radius:8px;color:var(--muted);padding:18px}.modal-backdrop{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.\!modal,.modal{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\!modal{border-radius:12px!important;box-shadow:var(--shadow)!important;max-height:80vh!important;max-width:760px!important;overflow:auto!important;padding:16px!important;width:100%!important}.modal{border-radius:12px;box-shadow:var(--shadow);max-height:80vh;max-width:760px;overflow:auto;padding:16px;width:100%}.\!modal h3,.modal h3{margin:0;text-align:center}.\!modal h3{margin-bottom:12px!important}.modal h3{margin-bottom:12px}.saved-list{flex-direction:column;gap:8px}.saved-item,.saved-list{display:flex}.saved-item{align-items:center;border:1px solid #eee;border-radius:8px;justify-content:space-between;padding:8px}.saved-item-left{display:flex;flex-direction:column}.saved-item button{cursor:pointer;--tw-text-opacity:1;background:#06b6d4;border:0;border-radius:6px;color:rgb(255 255 255/var(--tw-text-opacity,1));padding:6px 8px}.\!modal .filters,.modal .filters{display:flex;justify-content:center}.\!modal .filters{flex-wrap:wrap!important;gap:8px!important;margin:8px 0 12px!important}.modal .filters{flex-wrap:wrap;gap:8px;margin:8px 0 12px}.\!modal .filters button,.modal .filters button{cursor:pointer}.\!modal .filters button{background:#f3f4f6!important;border:0!important;border-radius:8px!important;color:#0f172a!important;padding:8px 10px!important}.modal .filters button{background:#f3f4f6;border:0;border-radius:8px;color:#0f172a;padding:8px 10px}.\!modal .filters button.active{background:#06b6d4!important;color:#fff!important}.modal .filters button.active{background:#06b6d4;color:#fff}.\!modal .date-range,.modal .date-range{align-items:center;display:none;justify-content:center}.\!modal .date-range{gap:8px!important;margin-top:8px!important}.modal .date-range{gap:8px;margin-top:8px}.\!modal .date-range input[type=date]{border:1px solid #ddd!important;border-radius:6px!important;padding:6px!important}.modal .date-range input[type=date]{border:1px solid #ddd;border-radius:6px;padding:6px}.\!modal .modal-actions,.modal .modal-actions{display:flex;justify-content:center}.\!modal .modal-actions{gap:8px!important;margin-top:12px!important}.modal .modal-actions{gap:8px;margin-top:12px}.\!modal .modal-actions button{margin:0 6px!important}.modal .modal-actions button{margin:0 6px}.saved-stats{font-weight:700;margin-top:6px}.saved-stats .count{color:var(--shopee-red);margin-right:8px}.saved-stats .total{color:var(--accent-green)}.collapse{visibility:collapse}.fixed{position:fixed}.block{display:block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--brand-blue:#0a6fb4;--brand-red:#c21807;--brand-green:#0b7a2d;--brand-orange:#f26b1f;--green:#18a04a;--orange:#f26b1f;--text:#111;--muted:#6b6b6b;--bg:#f6f7fb;--card-bg:#fff;--border-weak:rgba(0,0,0,.06);--price-200:#18a04a;--price-100:#0a6fb4;--price-50:#f26b1f;--price-10:#000;--meta-fs:clamp(9.5px,2.72vw,12.5px);--meta-lh:calc(var(--meta-fs)*1.35);--logo-h:calc(var(--meta-lh)*4.5);--title-font-size:16px;--desc-font-size:12px;--desc-font-scale:0.85;--banner-gap:8px;--card-padding:4px;--gap:8px;--stack-gap:4px;--radius-card:10px;--radius-img:10px;--img-max-w:160px;--img-max-h:140px;--site-max-width:1200px;--info-height:56px;--logo-max-w:90px;--accent-green:#16a34a;--page-bg:#f6f7fb;--max-width:900px;--radius:12px;--shadow:0 6px 18px rgba(0,0,0,.06);--font-weight-strong:800;--qty-scale:0.70;--qty-font-mult:1.5;--shopee-red:#c62828;--shopee-teal:#0ea5a4}body,html{background:var(--page-bg);color:#0f172a;font-family:Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,table,td,textarea,th{font-family:inherit}.page-shopee-index .controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.page-shopee-index .card{overflow:hidden;transition:transform .24s cubic-bezier(.2,.9,.2,1),opacity .24s linear,max-height .24s ease,margin .24s ease,padding .24s ease;will-change:transform,opacity}.page-shopee-index .card.swiping{transition:none;will-change:transform,opacity}.page-shopee-index .card.removed{margin:0;max-height:0;opacity:0;padding:0;pointer-events:none}@media (min-width:740px){.page-shopee-index table{background-color:transparent;border-collapse:collapse;display:table;margin-top:6px;width:100%}.page-shopee-index .card,.page-shopee-index .list{display:none}.page-shopee-index thead th{background-color:transparent;border-bottom:1px solid #e5e7eb;color:#222;font-weight:900;padding:10px;text-align:left}.page-shopee-index tbody td{border-bottom:1px solid #f1f5f9;padding:12px;vertical-align:middle}.page-shopee-index tbody td:first-child,.page-shopee-index thead th:first-child{width:20%}.page-shopee-index tbody td:nth-child(2),.page-shopee-index thead th:nth-child(2){text-align:center;width:45%}.page-shopee-index tbody td:nth-child(3),.page-shopee-index thead th:nth-child(3){color:var(--shopee-red);text-align:center;width:20%}.page-shopee-index tbody td:nth-child(4),.page-shopee-index thead th:nth-child(4){color:var(--accent-green);font-weight:900;text-align:right;width:15%}.page-shopee-index .img-cell img{max-height:120px;max-width:140px}.page-shopee-index .col-name{text-align:center}.page-shopee-index .col-sku{color:var(--shopee-red);text-align:center}}@media (max-width:360px){.page-shopee-index .card .img-wrap{flex-basis:32%;max-width:32%}.page-shopee-index .card .img-wrap img{max-height:140px}.page-shopee-index .card .qty{font-size:calc(1rem*var(--qty-scale)*var(--qty-font-mult));min-width:calc(72px*var(--qty-scale));padding:6px}}.page-shopee-upload table{border-collapse:collapse;margin-top:8px;width:100%}.page-shopee-upload td,.page-shopee-upload th{border:1px solid #e6e6e6;padding:10px;text-align:center;vertical-align:middle;word-break:break-word}.page-shopee-upload th{background:#fafafa;font-weight:700}.page-shopee-upload th .caret{color:var(--muted);display:inline-block;font-size:.85rem;margin-left:8px}.page-shopee-upload .img-cell img{display:block;margin:0 auto;max-height:120px;max-width:140px;-o-object-fit:contain;object-fit:contain}.page-shopee-upload .summary-count{color:var(--shopee-red);font-weight:800}.page-shopee-upload .summary-total{color:var(--accent-green);font-weight:800}.page-shopee-upload input[type=file]{display:none}.page-shopee-upload pre.debug{background:#f6f8fa;border:1px solid #ddd;overflow:auto;padding:8px;white-space:pre-wrap}.page-shopee-upload .toast{color:#666;font-size:.9em}@media (min-width:740px){.page-shopee-upload table{display:table}.page-shopee-upload .card,.page-shopee-upload .list{display:none}.page-shopee-upload tbody td:first-child,.page-shopee-upload thead th:first-child{width:20%}.page-shopee-upload tbody td:nth-child(2),.page-shopee-upload thead th:nth-child(2){width:44%}.page-shopee-upload tbody td:nth-child(3),.page-shopee-upload thead th:nth-child(3){width:20%}.page-shopee-upload tbody td:nth-child(4),.page-shopee-upload thead th:nth-child(4){width:16%}.page-shopee-upload .col-name{text-align:center}.page-shopee-upload .col-name .desc{color:var(--shopee-red);display:block;font-size:.95rem;margin-top:6px}.page-shopee-upload .col-sku{color:var(--shopee-red);text-align:center}.page-shopee-upload .col-qty{color:var(--accent-green);font-weight:900;text-align:center}}.page-shopee-upload2 .container{max-width:1100px;padding:18px;text-align:center}.page-shopee-upload2 .header h1{color:var(--accent-green);font-size:1.9rem}.page-shopee-upload2 .form-row{margin:12px 0}.page-shopee-upload2 input[type=file]{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.page-shopee-upload2 .file-btn{cursor:pointer;display:inline-block;--tw-text-opacity:1;border:2px solid #073b3a;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:1rem}.page-shopee-upload2 .file-btn:focus{outline:3px solid rgba(14,165,164,.25)}.page-shopee-upload2 .file-btn.view{background:#3b82f6;border-color:#1e4db7}.page-shopee-upload2 .file-btn.close{background:#ef4444;border-color:#9b1c1c}.page-shopee-upload2 .small{color:#666;font-size:.9rem;margin-top:6px}.page-shopee-upload2 .list{align-items:center;display:flex;flex-direction:column;gap:12px}.page-shopee-upload2 .card{justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:12px;width:90%}.page-shopee-upload2 .card.low-card{background:#fff2f2}.page-shopee-upload2 .card .img-wrap{flex:0 0 18%;max-width:18%}.page-shopee-upload2 .card .img-wrap img{max-height:140px}.page-shopee-upload2 .card .content{flex:1;text-align:center}.page-shopee-upload2 .qty-badge{display:inline-block}.page-shopee-upload2 .price-shopee{background:transparent;border-radius:6px;color:#a80000;display:inline-block;font-weight:700;padding:4px 8px}.page-shopee-upload2 .price-shopee.low{background:#fdd;color:#a80000}.page-shopee-upload2 .profit-low{background:#fdd!important;color:#a80000!important;font-weight:700!important}.page-shopee-upload2 table{border-collapse:collapse;margin-left:auto;margin-right:auto;margin-top:8px;width:100%}.page-shopee-upload2 td,.page-shopee-upload2 th{border:1px solid #e6e6e6;padding:10px;text-align:center;vertical-align:middle}.page-shopee-upload2 th.price-col{width:180px}.page-shopee-upload2 tr.low-row td{background:#fff2f2}.page-shopee-upload2 .table-wrap{display:flex;justify-content:center}.page-shopee-upload2 .error{color:#b91c1c;font-weight:700;margin-top:8px;text-align:center}.page-shopee-upload2 .success{color:#065f46;font-weight:700;margin-top:8px;text-align:center}.page-shopee-upload2 .summary-block{align-items:center;display:flex;justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:1px solid #e6e6e6;border-radius:8px;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:10px}.page-shopee-upload2 .summary-block .col{flex:1;font-weight:700;min-width:140px;text-align:center}.page-shopee-upload2 .summary-block .col .label{color:#666;font-size:.9rem;font-weight:600}.page-shopee-upload2 .summary-block .col .value{font-size:1.05rem;margin-top:6px}.page-shopee-upload2 .summary-block .col .value-small{color:#666;font-size:.85rem;font-weight:600;margin-top:4px}#modal-backdrop{background:rgba(0,0,0,.45);display:none;inset:0;position:fixed;z-index:998}#saved-panel{background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(2,6,23,.4);box-sizing:border-box;display:none;flex-direction:column;height:80vh;justify-content:flex-start;left:50%;max-width:1200px;overflow:auto;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80vw;z-index:999}#saved-panel[aria-hidden=false]{display:flex}#saved-panel h3{margin:0 0 12px;text-align:center}#saved-panel .modal-footer{border-bottom:1px solid #f0f0f0;display:flex;gap:12px;justify-content:center;margin-bottom:12px;order:-1;padding-bottom:12px}#saved-panel .files-list{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;flex:1;overflow:auto;padding:6px}#saved-panel .files-list .file-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:10px;text-align:left}#saved-panel .files-list .file-row:last-child{border-bottom:none}#saved-panel .files-list .file-row label{cursor:pointer;flex:1;font-size:.95rem;margin:0}#saved-panel .files-list .file-row input[type=checkbox]{cursor:pointer;margin:0}#stock-modal-backdrop{background:rgba(0,0,0,.45);display:none;inset:0;position:fixed;z-index:998}#stock-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(2,6,23,.4);box-sizing:border-box;display:none;flex-direction:column;height:85vh;left:50%;max-width:1400px;overflow:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:85vw;z-index:999}#stock-modal[aria-hidden=false]{display:flex}#stock-modal h3{color:#10b981;margin:0 0 16px;text-align:center}#stock-modal .modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:center;margin-top:12px;padding-top:12px}#stock-modal .stock-table-wrap{flex:1;overflow:auto}#stock-modal .stock-table-wrap table{display:table!important;width:100%}@media (min-width:740px){.page-shopee-upload2 table{display:table}.page-shopee-upload2 .list{display:none}}.page-shopee-index .sort-btn.icon-btn{align-items:center;background-color:#111827!important;border:1px solid #111827!important;color:#fff!important;display:inline-flex;height:44px;justify-content:center;min-width:44px;padding:0;width:44px}.page-shopee-index .sort-btn.icon-btn svg{display:block;height:21px;width:21px}.history-modal{align-items:center;background:rgba(0,0,0,.45);display:none;inset:0;justify-content:center;padding:10px;position:fixed;z-index:2147483000}.history-modal[aria-hidden=false],.history-panel{display:flex}.history-panel{box-sizing:border-box;flex-direction:column;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:12px;box-shadow:0 12px 34px rgba(2,6,23,.28)}.history-body{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.history-empty,.history-loading{color:var(--muted,#6b7280);font-size:.95rem;padding:24px 12px;text-align:center}.history-list{flex-direction:column;gap:8px}.history-item,.history-list{display:flex}.history-item{align-items:center;cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.04);gap:10px;justify-content:space-between;padding:12px 16px;text-align:center}.history-item:hover{border-color:var(--accent-green,#16a34a)}.history-item .hi-left,.history-item .hi-right{align-items:center;display:flex;flex:1 1 0;flex-direction:column;gap:3px;min-width:0}.history-item .hi-ngay{color:#111827;font-size:1rem;font-weight:800}.history-item .hi-gio,.history-item .hi-meta{color:var(--muted,#6b7280);font-size:.82rem}.history-item .hi-buoi{font-size:.95rem;font-weight:800}.history-item .hi-buoi.buoi-sang{color:#16a34a}.history-item .hi-buoi.buoi-chieu{color:#dc2626}
/* === Ten hien 2 dong tren shopee/upload.php (Dai Ca yeu cau 14/10/2026) ===
   Dong 1: ten san pham - chu DEN, font lon.
   Dong 2: mo ta        - chu DO.
   "Co 6 - 6 · Mã: 4040" -> "Co 6 - 6" (den, lon) + "Mã: 4040" (do). */
.page-shopee-upload .col-name .ten{color:#000;display:block;font-size:1.15rem;font-weight:800;line-height:1.25}
.page-shopee-upload .col-name .desc{color:var(--shopee-red);display:block;font-size:.95rem;font-weight:600;margin-top:6px}

/* === Ten hien 2 dong tren shopee/index.php (giong trang upload) ===
   Dong 1: ten san pham - chu DEN, font lon.
   Dong 2: mo ta        - chu DO. */
.page-shopee-index .col-name .ten{color:#000;display:block;font-size:1.15rem;font-weight:800;line-height:1.25}
.page-shopee-index .col-name .desc{color:var(--shopee-red);display:block;font-size:.95rem;font-weight:600;margin-top:6px}

/* === shopee/index.php — chỉnh 14/10/2026 ===
   (1) Ten: giam con 80% so voi truoc.
   (2) Giam khoang cach giua cac hang chu.
   Chi ap dung cho trang index (.page-shopee-index), khong dung toi upload.php. */
.page-shopee-index .col-name .ten{
  color:#000;display:block;font-weight:800;line-height:1.2;
  font-size:0.92rem;                 /* 1.15rem x 80% = 18.4px -> 14.7px */
}
.page-shopee-index .col-name .desc{
  color:var(--shopee-red);display:block;font-weight:600;
  font-size:0.76rem;                 /* 0.95rem x 80% = 15.2px -> 12.2px */
  margin-top:2px;                    /* truoc: 6px */
}
.page-shopee-index .card .info .name{font-size:0.84rem;line-height:1.2}   /* 1.05rem x 80% */
.page-shopee-index .card .info .desc{font-size:0.72rem;margin-top:2px}    /* 0.9rem x 80% */
/* Khoang cach giua cac hang */
.page-shopee-index tbody td{padding:6px 8px}          /* truoc: 12px */
.page-shopee-index .card{padding:7px 9px;gap:8px}     /* truoc: 12px */
.page-shopee-index .card .info{gap:3px}               /* truoc: 6px */
.page-shopee-index .list{gap:6px}                     /* truoc: 12px */

/* === shopee/index.php — PHAN LOAI thanh BADGE TIM (Dai Ca yeu cau 14/10/2026)
   - Co chu BANG co chu mo ta (bang: 0.76rem, card: 0.72rem).
   - Chu mau TIM, nen tim nhat, vien tim -> noi bat.
   - Boc trong span.sku-badge de badge om sat chu, khong keo het o. === */
.page-shopee-index .col-sku .sku-badge,
.page-shopee-index .card .info .sku{
  display:inline-block;
  color:#6d28d9;                     /* chu tim */
  background:#f3e8ff;                /* nen tim nhat */
  border:1px solid #ddd6fe;          /* vien tim nhat */
  border-radius:999px;
  padding:2px 8px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
  font-size:0.76rem;                 /* bang co mo ta o bang */
}
.page-shopee-index .card .info .sku{font-size:0.72rem}   /* bang co mo ta o card */

/* --- SUA (14/10/2026): badge phai nam o span.sku-badge.
   Lan truoc CSS dat style badge len .card .info .sku (khung boc NGOAI) nen
   o card khong co nen/vien. Nay:
     .sku-badge  = badge that (moi noi)
     .card .info .sku = chi la khung boc, bo het style badge. --- */
.page-shopee-index .sku-badge{
  display:inline-block;
  color:#6d28d9;                     /* chu tim */
  background:#f3e8ff;                /* nen tim nhat */
  border:1px solid #ddd6fe;
  border-radius:999px;
  padding:2px 8px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
  font-size:0.76rem;                 /* bang co mo ta o BANG */
}
.page-shopee-index .card .sku-badge{font-size:0.72rem}   /* bang co mo ta o CARD */
/* Khung boc ngoai o card: tra ve trong suot, khong vien, khong nen */
.page-shopee-index .card .info .sku{
  background:none;border:0;border-radius:0;padding:0;
  color:inherit;font-weight:inherit;font-size:0.72rem;
}

/* === shopee/index.php — TANG 10% + CAT BANG "..." (Dai Ca yeu cau 14/10/2026)
   Ten va mo ta: khong bao gio xuong dong, qua dai thi hien "...".
   - Bang : phai co table-layout:fixed thi td moi bi gioi han be rong,
            nho vay text-overflow:ellipsis moi cat duoc.
   - Card : .info la flex column -> cho con max-width:100% + min-width:0
            de con co the hep lai ma cat. === */
.page-shopee-index #products-table{table-layout:fixed}
.page-shopee-index .col-name{overflow:hidden}
.page-shopee-index .col-name .ten,
.page-shopee-index .col-name .desc{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.page-shopee-index .card .info{width:100%;min-width:0}
.page-shopee-index .card .info .name,
.page-shopee-index .card .info .desc{
  max-width:100%;min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* --- Co chu +10% so voi hien tai --- */
.page-shopee-index .col-name .ten  {font-size:1.012rem}   /* 0.92rem  -> 16.19px */
.page-shopee-index .col-name .desc {font-size:0.836rem}   /* 0.76rem  -> 13.38px */
.page-shopee-index .card .info .name{font-size:0.924rem}  /* 0.84rem  -> 14.78px */
.page-shopee-index .card .info .desc{font-size:0.792rem}  /* 0.72rem  -> 12.67px */