.app-container[data-v-33f6fa3e]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-33f6fa3e]{box-sizing:border-box;flex:1;width:100%;padding:80px 2.5% 0}.app-container[data-v-33f6fa3e] .main-header[style*="position: fixed"]+.main-content,.app-container[data-v-33f6fa3e] .main-header.is-fixed+.main-content{margin-top:85px!important}.update-notification[data-v-33f6fa3e]{z-index:9999;color:#fff;background:#2c3e50;border:1px solid #42b983;border-radius:8px;align-items:center;gap:20px;padding:12px 24px;font-family:sans-serif;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}.update-content[data-v-33f6fa3e]{align-items:center;gap:10px;display:flex}.update-content p[data-v-33f6fa3e]{margin:0;font-size:14px;font-weight:500}.update-icon[data-v-33f6fa3e]{font-size:18px}.update-btn[data-v-33f6fa3e]{color:#fff;cursor:pointer;background:#42b983;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .2s}.update-btn[data-v-33f6fa3e]:hover{background:#35495e;border:1px solid #42b983}.fade-enter-active[data-v-33f6fa3e],.fade-leave-active[data-v-33f6fa3e]{transition:opacity .5s,transform .5s}.fade-enter-from[data-v-33f6fa3e],.fade-leave-to[data-v-33f6fa3e]{opacity:0;transform:translate(-50%,-30px)}.modal-window-content[data-v-817df862],.sheet-inner-container[data-v-817df862]{flex-direction:column;max-height:85vh;display:flex;overflow:hidden}.sheet-inner-container[data-v-817df862]{background:var(--color-surface,#fff);border-top-left-radius:16px;border-top-right-radius:16px;max-height:90vh}.scrollable-content[data-v-817df862]{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.scrollable-content[data-v-817df862]::-webkit-scrollbar{width:6px}.scrollable-content[data-v-817df862]::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.toast-list[data-v-817df862]{z-index:99999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast-card[data-v-817df862]{pointer-events:auto;background:var(--color-surface);box-shadow:var(--shadow-lg);border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.skeleton[data-v-817df862]{background:var(--color-skeleton-bg,#e2e8f0);position:relative;overflow:hidden}.skeleton--text[data-v-817df862]{border-radius:4px;width:100%;height:1em}.skeleton--title[data-v-817df862]{border-radius:4px;width:100%;height:1.5em}.skeleton--caption[data-v-817df862]{border-radius:4px;width:100%;height:.75em}.skeleton--circular[data-v-817df862]{border-radius:50%}.skeleton--rectangular[data-v-817df862]{border-radius:0}.skeleton--rounded[data-v-817df862]{border-radius:8px}.skeleton__shimmer[data-v-817df862]{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer-817df862;position:absolute;top:0;left:0}@keyframes shimmer-817df862{0%{transform:translate(-100%)}to{transform:translate(100%)}}.table-responsive[data-v-eaeaa939]{width:100%;overflow-x:auto}.resizable-table[data-v-eaeaa939]{table-layout:fixed;border-collapse:collapse;width:100%}.resizable-table th[data-v-eaeaa939]{-webkit-user-select:none;user-select:none;position:relative}.resize-handle[data-v-eaeaa939]{cursor:col-resize;z-index:10;width:6px;transition:background-color .2s;position:absolute;top:0;bottom:0;right:0}.resize-handle[data-v-eaeaa939]:hover,body.col-resize .resize-handle[data-v-eaeaa939]{background-color:rgba(var(--primary-rgb), .3)}.truncate-cell[data-v-eaeaa939]{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}input[data-v-b82cd0dd]::-webkit-outer-spin-button{appearance:none;margin:0}input[data-v-b82cd0dd]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number][data-v-b82cd0dd]{appearance:textfield}.textarea-container-wrapper[data-v-b82cd0dd]{z-index:20;position:relative}.textarea-container-wrapper[data-v-b82cd0dd]:hover,.textarea-container-wrapper[data-v-b82cd0dd]:focus-within{z-index:50}.textarea-relative-box[data-v-b82cd0dd]{width:100%;position:relative}.expanding-textarea[data-v-b82cd0dd]{resize:none;z-index:10;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;height:38px;padding-top:8px;padding-bottom:8px;line-height:1.4;transition:height .2s ease-in-out,box-shadow .2s;overflow:hidden}.textarea-container-wrapper:hover .expanding-textarea[data-v-b82cd0dd]:not(:placeholder-shown),.expanding-textarea[data-v-b82cd0dd]:focus{white-space:normal;height:130px;overflow-y:auto;box-shadow:0 10px 25px #00000026,0 3px 10px #0000001a}.expanding-textarea[data-v-b82cd0dd]::-webkit-scrollbar{width:6px}.expanding-textarea[data-v-b82cd0dd]::-webkit-scrollbar-track{background:0 0}.expanding-textarea[data-v-b82cd0dd]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.expanding-textarea[data-v-b82cd0dd]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.textarea-container-wrapper[data-v-89e78c75]{z-index:20;position:relative}.textarea-container-wrapper[data-v-89e78c75]:hover,.textarea-container-wrapper[data-v-89e78c75]:focus-within{z-index:50}.textarea-relative-box[data-v-89e78c75]{width:100%;position:relative}.expanding-textarea[data-v-89e78c75]{resize:none;z-index:10;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;height:38px;padding-top:8px;padding-bottom:8px;line-height:1.4;transition:height .2s ease-in-out,box-shadow .2s;overflow:hidden}.textarea-container-wrapper:hover .expanding-textarea[data-v-89e78c75]:not(:placeholder-shown),.expanding-textarea[data-v-89e78c75]:focus{white-space:normal;height:130px;overflow-y:auto;box-shadow:0 10px 25px #00000026,0 3px 10px #0000001a}.expanding-textarea[data-v-89e78c75]::-webkit-scrollbar{width:6px}.expanding-textarea[data-v-89e78c75]::-webkit-scrollbar-track{background:0 0}.expanding-textarea[data-v-89e78c75]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.expanding-textarea[data-v-89e78c75]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.editor-grid[data-v-25dbd2e5]{gap:var(--spacing-24);grid-template-columns:320px 1fr;height:60vh;min-height:520px;display:grid}.settings-panel[data-v-25dbd2e5]{padding-right:var(--spacing-8);scrollbar-width:thin;overflow-y:auto}.element-item[data-v-25dbd2e5]{padding:var(--spacing-12);border:1px solid var(--color-border);border-radius:var(--radius-8);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface)}.element-item[data-v-25dbd2e5]:hover{border-color:var(--color-text-tertiary)}.element-item.active[data-v-25dbd2e5]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.properties-box[data-v-25dbd2e5]{padding:var(--spacing-16)}.preview-panel[data-v-25dbd2e5]{overflow:auto}.canvas-wrapper[data-v-25dbd2e5]{box-shadow:var(--shadow-lg);border:1px solid var(--color-border-dark);transform-origin:50%;background:#fff;position:relative}.canvas-element[data-v-25dbd2e5]{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;word-wrap:break-word;border:1px dashed #0000;display:flex;position:absolute;overflow:hidden}.canvas-element[data-v-25dbd2e5]:hover{border-color:#4f46e566}.canvas-element.is-selected[data-v-25dbd2e5]{border-color:var(--color-primary);background:#4f46e50d}.mock-barcode .bars[data-v-25dbd2e5]{background:repeating-linear-gradient(90deg,#000,#000 2px,#fff 2px 4px,#000 4px 7px,#fff 7px 9px)}.mock-datamatrix[data-v-25dbd2e5]{background-image:linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,#0000 25% 75%,#000 75%,#000);background-position:0 0,5px 5px;background-size:10px 10px;border:2px solid #000;width:100%;height:100%}:root{--color-background:#fdfdfd;--color-background-secondary:#f6f6f6;--color-surface:#fff;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-tertiary:#a1a1aa;--color-primary:#4f46e5;--color-primary-subtle:#4f46e50f;--color-border:#0000000f;--color-border-dark:#e4e4e7;--color-success:#22c55e;--color-success-subtle:#22c55e0f;--color-success-text:#15803d;--color-error:#ef4444;--color-error-subtle:#ef44440f;--color-error-text:#dc2626;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b0f;--color-warning-text:#b45309;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000005;--shadow-md:0 4px 6px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #0000000d;--shadow-glass:0 1px 3px #00000005, 0 4px 12px #00000005;--transition-fast:.1s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--glass-background:#ffffffb3;--glass-blur:blur(12px)}@media (prefers-color-scheme:dark){:root{--color-background:#18181b;--color-background-secondary:#27272a;--color-surface:#27272a;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-primary:#818cf8;--color-primary-subtle:#818cf81f;--color-border:#3f3f46;--color-border-dark:#52525b;--glass-background:#18181bb3}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;line-height:1.6}@media (width>=1024px){body{zoom:1.25}}a{color:inherit;text-decoration:none}h1{letter-spacing:-.02em;color:var(--color-text-primary);font-size:24px;font-weight:700}h2{font-size:20px;font-weight:600}h3{font-size:15px;font-weight:600}.dropdown-list,.modal-custom-body,.sheet-body,.import-errors-container{scrollbar-width:thin;overflow-y:auto}.btn{padding:var(--spacing-8) var(--spacing-16);border-radius:var(--radius-8);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:var(--spacing-8);border:1px solid #0000;font-size:13px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-surface)}.btn-primary:hover:not(:disabled){filter:brightness(.9)}.btn-secondary{background:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-border-dark)}.btn-secondary:hover:not(:disabled){background:var(--color-border-dark)}.btn-xs{padding:4px var(--spacing-12);font-size:11px;font-weight:700}.btn-danger-soft{background-color:var(--color-error-subtle);color:var(--color-error-text);border:1px solid #ef444433}.btn-danger-soft:hover{background-color:#ef44441a}.table-row-delete-btn{width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.table-row-delete-btn:hover{color:var(--color-error-text)}.input-group{gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.input-label{color:var(--color-text-primary);margin-left:4px;font-size:13px;font-weight:600}.input{width:100%;padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-12);border:1px solid var(--color-border-dark);background:var(--color-background-secondary);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;font-size:14px}.input:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-secondary)}.input:focus:not(:disabled){background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle)}.input:disabled{background:var(--color-background);color:var(--color-text-tertiary);cursor:not-allowed}.custom-table-qty{text-align:center;border-radius:var(--radius-6);background-color:var(--color-background-secondary);width:75px;color:var(--color-text-primary);border:1px solid var(--color-border-dark);outline:none;font-size:12px;font-weight:700;padding:var(--spacing-4) var(--spacing-8)!important}.custom-table-qty:focus{border-color:var(--color-primary);background-color:var(--color-surface)}.checkbox-custom{cursor:pointer;width:18px;height:18px}.card{background:var(--color-surface);border-radius:var(--radius-12);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--spacing-24)}.card.no-padding{padding:0!important}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--success{background:var(--color-success-subtle);color:var(--color-success-text);border:1px solid #22c55e1a}.badge--success:before{background:var(--color-success)}.badge--error{background:var(--color-error-subtle);color:var(--color-error-text);border:1px solid #ef44441a}.badge--error:before{background:var(--color-error)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning-text);border:1px solid #f59e0b1a}.badge--warning:before{background:var(--color-warning)}.badge--neutral{color:var(--color-text-secondary);background:#71717a0f;border:1px solid #71717a14}.badge--neutral:before{background:#71717a}.badge--info{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid #4f46e51a}.badge--info:before{background:var(--color-primary)}.ui-spinner,.btn-spinner,.table-spinner,.mini-loader,.modal-spin-loader{border:2px solid var(--color-border-dark);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:20px;height:20px;animation:.8s linear infinite global-spin}.btn-spinner{border-top-color:var(--color-surface);width:16px;height:16px}.mini-loader{border-top-color:var(--color-success);width:12px;height:12px}.modal-spin-loader{width:28px;height:28px}@keyframes global-spin{to{transform:rotate(360deg)}}.toggle{align-items:center;gap:var(--spacing-12);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);font-size:12px;font-weight:500;display:flex}.toggle input{display:none}.toggle-track{background-color:var(--color-border-dark);border-radius:var(--radius-full);width:40px;height:22px;transition:all var(--transition-base);position:relative}.toggle-track:before{content:"";background:var(--color-surface);width:18px;height:18px;transition:all var(--transition-base);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.toggle input:checked+.toggle-track{background-color:var(--color-primary)}.toggle-defect input:checked+.toggle-track{background-color:var(--color-error)}.toggle input:checked+.toggle-track:before{transform:translate(18px)}.page-tabs{gap:var(--spacing-16);border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.tab-btn{padding:var(--spacing-12) var(--spacing-4);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-size:13px;font-weight:500;position:relative}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn--active{color:var(--color-primary);font-weight:600}.tab-btn--active:after{content:"";background-color:var(--color-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.sheet-backdrop,.modal-backdrop,.modal-overlay{-webkit-backdrop-filter:var(--glass-blur);position:fixed;inset:0}.sheet-backdrop{z-index:40000;background-color:#0f172a4d}.sheet-content{width:100%;max-width:var(--sheet-width);background-color:var(--color-surface);border-top-left-radius:var(--radius-12);border-top-right-radius:var(--radius-12);max-height:85vh;box-shadow:var(--shadow-md);border:1px solid var(--color-border);z-index:40001;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=1024px){.sheet-content{max-height:70vh}}.sheet-header{padding:0 var(--spacing-24) var(--spacing-12);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.sheet-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-16) var(--spacing-24);justify-content:flex-end;display:flex}.modal-backdrop{z-index:50000;background-color:#0f172a66}.modal-wrapper-centered{padding:var(--spacing-20);z-index:50001;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-window-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-12);box-shadow:var(--shadow-xl);width:100%;max-width:var(--modal-max-width);flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.modal-custom-header{padding:var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-custom-footer{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-16) var(--spacing-24);justify-content:flex-end;gap:var(--spacing-12);display:flex}.modal-overlay{z-index:60000;background-color:#0f172a66;justify-content:center;align-items:center;display:flex}.modal-overlay.excel-overlay{z-index:60000!important}.excel-modal-content{background:var(--color-surface);padding:var(--spacing-24);border-radius:var(--radius-12);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:100%;position:relative;z-index:60001!important}.ui-close-btn{border-radius:var(--radius-full);background:var(--color-background-secondary);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ui-close-btn:hover{background-color:var(--color-error-subtle);color:var(--color-error-text)}.data-page{width:100%}.page-header{padding:var(--spacing-16) var(--spacing-24)}.excel-icon-img{object-fit:contain;width:16px;height:16px;margin-right:6px;display:block}.tab-icon{margin-right:var(--spacing-8)}.main-layout{background:var(--color-background);min-height:100vh}.main-content{padding:110px var(--spacing-24) var(--spacing-40);width:90%;max-width:1800px;margin:0 auto}@media (width<=1050px){.main-content{padding:100px var(--spacing-16) var(--spacing-32);width:100%}}.main-header{padding:0 var(--spacing-24);border-bottom:1px solid var(--color-border);z-index:1000;background:var(--glass-background);height:64px;-webkit-backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.main-header__left,.main-header__right{align-items:center;gap:var(--spacing-20);display:flex}.main-header__logo{color:var(--color-text-primary);letter-spacing:-.02em;cursor:pointer;font-size:16px;font-weight:800}.header-dock{gap:var(--spacing-4);background:var(--color-background-secondary);border-radius:var(--radius-8);border:1px solid var(--color-border);padding:4px;display:flex}.dock-button{align-items:center;gap:var(--spacing-8);padding:6px var(--spacing-12);border-radius:var(--radius-6);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:13px;font-weight:600;display:flex}.dock-icon{stroke-width:2px;width:16px;height:16px}.mobile-only{display:none}.dock-item:hover .dock-button{color:var(--color-text-primary);background:var(--color-border)}.dock-item.active .dock-button{color:var(--color-primary);background:var(--color-primary-subtle)}.brand-dropdown{-webkit-user-select:none;user-select:none;position:relative}.dropdown-trigger{align-items:center;gap:var(--spacing-8);padding:6px var(--spacing-12);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-8);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:600;display:flex}.dropdown-trigger:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.dropdown-trigger.not-selected{background:var(--color-error-subtle);border-color:var(--color-error-text);color:var(--color-error-text)}.trigger-text{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.arrow-icon{width:14px;height:14px;transition:transform var(--transition-fast)}.arrow-icon.rotate{transform:rotate(180deg)}.floating-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border-dark);border-radius:var(--radius-10);width:280px;box-shadow:var(--shadow-md);z-index:1010;margin-top:6px;position:absolute;top:100%;right:0;overflow:hidden}.search-wrapper{padding:var(--spacing-8);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}.search-input{padding:var(--spacing-6) var(--spacing-12);border-radius:var(--radius-6);font-size:13px}.dropdown-item{padding:var(--spacing-10) var(--spacing-12);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);color:var(--color-text-primary);justify-content:space-between;align-items:center;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--color-background-secondary)}.dropdown-item.active{background:var(--color-primary-subtle);color:var(--color-primary)}.brand-info-block{flex-direction:column;gap:2px;display:flex}.brand-name{font-size:13px;font-weight:500;line-height:1.3}.brand-id{color:var(--color-text-tertiary);font-size:10px}.check-mark-icon{flex-shrink:0;width:16px;height:16px}.no-results{padding:var(--spacing-16);text-align:center;color:var(--color-text-secondary);font-size:12px}.dropdown-footer{padding:var(--spacing-8);border-top:1px solid var(--color-border);background:var(--color-background-secondary)}.add-org-btn{background:var(--color-surface);border:1px dashed var(--color-border-dark);width:100%;padding:var(--spacing-8);border-radius:var(--radius-6);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:12px;font-weight:500}.add-org-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.logout-btn{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px;font-size:13px;font-weight:600;display:flex}.logout-btn:hover{color:var(--color-error-text)}.logout-icon{width:16px;height:16px}@media (width<=768px){.main-header__logo,.dock-label,.logout-text{display:none}.mobile-only{display:block}.detail-main-grid{gap:var(--spacing-24);grid-template-columns:1fr}}.info-tooltip-wrapper{display:inline-block;position:relative}.info-trigger-btn{border-radius:var(--radius-full);background-color:var(--color-background-secondary);border:1px solid var(--color-border-dark);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.info-trigger-btn:hover,.info-tooltip-wrapper:hover .info-trigger-btn{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-subtle)}.info-tooltip-content{background-color:var(--color-surface);width:290px;padding:var(--spacing-12);border-radius:var(--radius-8);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:100;transition:all .2s;position:absolute;bottom:140%;right:-4px;transform:translateY(6px)}.info-tooltip-wrapper:hover .info-tooltip-content{opacity:1;visibility:visible;transform:translateY(0)}.info-tooltip-content:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-surface) transparent transparent transparent;position:absolute;top:100%;right:10px}.mock-excel-table{border:1px solid var(--color-border-dark);background:var(--color-surface);color:var(--color-text-primary);font-size:11px}.mock-row{border-bottom:1px solid var(--color-border-dark);grid-template-columns:24px 140px 1fr;display:grid}.mock-row:last-child{border-bottom:none}.mock-cell{padding:var(--spacing-4) var(--spacing-8);border-right:1px solid var(--color-border-dark);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-cell:last-child{border-right:none}.mock-cell.cell-idx{background-color:var(--color-background-secondary);text-align:center;color:var(--color-text-secondary);padding-left:0;padding-right:0;font-weight:600}.mock-header{background-color:var(--color-background-secondary);text-align:center;color:var(--color-text-secondary);font-weight:600}.import-errors-container{border:1px solid var(--color-border-dark);border-radius:var(--radius-8);max-height:280px}.error-table-view{border-collapse:separate;border-spacing:0;width:100%}.error-table-view th{background:var(--color-background-secondary);z-index:5;border-bottom:1px solid var(--color-border-dark);padding:var(--spacing-8) var(--spacing-12);text-align:left;color:var(--color-text-secondary);font-size:11px;position:sticky;top:0}.error-table-view td{padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--color-border-dark);vertical-align:middle}.org-card{cursor:pointer;transition:all var(--transition-base);border:1px solid var(--color-border-dark)}.org-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.org-card--active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.logout-link-text{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-8);transition:color var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:600}.logout-link-text:hover{color:var(--color-error-text)}.auth-page{min-height:100vh;padding:var(--spacing-24);justify-content:center;align-items:center;display:flex}.auth-wrapper{border-radius:var(--radius-12);width:100%;max-width:1000px;min-height:600px;box-shadow:var(--shadow-md);border:1px solid var(--color-border);display:flex;overflow:hidden}.auth-sidebar{color:var(--color-surface);background:#0f172a;flex-direction:column;flex:1;justify-content:space-between;padding:60px;display:flex}.logo-text{letter-spacing:-1.5px;color:var(--color-surface);margin:0;font-size:42px;font-weight:800}.logo-text .accent{color:var(--color-primary)}.logo-line{background:var(--color-primary);border-radius:var(--radius-full);width:44px;height:5px;margin-top:8px}.sidebar-info h3{margin-bottom:16px;font-size:24px;font-weight:700}.sidebar-info p{color:#94a3b8;font-size:16px;line-height:1.6}.social-links-block{gap:var(--spacing-12);display:flex}.social-icon-btn{border-radius:var(--radius-12);width:44px;height:44px;transition:all var(--transition-base);background:#ffffff14;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{background:var(--color-primary);transform:translateY(-2px)}.svg-icon-img{object-fit:contain;width:24px;height:24px}.auth-form-container{background:var(--color-surface);flex:1.3;justify-content:center;align-items:center;padding:60px;display:flex}.step-box{width:100%;max-width:400px}.form-header h2{margin-bottom:12px;font-size:36px;font-weight:800}.otp-container{gap:var(--spacing-12);grid-template-columns:repeat(6,1fr);display:grid}.otp-field{text-align:center;border:1px solid var(--color-border-dark);border-radius:var(--radius-12);background:var(--color-background-secondary);width:100%;height:60px;color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;font-size:24px;font-weight:700}.otp-field:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-primary-subtle)}.otp-field.filled{border-color:var(--color-text-tertiary);background:var(--color-surface)}.back-link-btn{color:var(--color-primary);cursor:pointer;width:fit-content;padding:0 0 var(--spacing-8) 0;background:0 0;border:none;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.resend-text{text-align:center;color:var(--color-text-secondary);margin-top:var(--spacing-4)}.resend-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-weight:600}.resend-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=850px){.auth-wrapper{flex-direction:column;max-width:500px;min-height:auto}.auth-sidebar,.auth-form-container{padding:40px}.otp-field{height:50px;font-size:20px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-20{gap:var(--spacing-20)}.gap-24{gap:var(--spacing-24)}.gap-32{gap:var(--spacing-32)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.font-mono{font-family:SF Mono,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.tabular-nums{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted{color:var(--color-text-secondary)}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:24px}.text-success{color:var(--color-success-text)}.text-error{color:var(--color-error-text)}.text-warning{color:var(--color-warning-text)}.bg-secondary{background-color:var(--color-background-secondary)}.border-dark{border:1px solid var(--color-border-dark)}.border-success{border:1px solid #22c55e26}.border-warning{border:1px solid #f59e0b26}.border-error{border:1px solid #ef444426}.bg-success-subtle{background-color:var(--color-success-subtle)}.bg-warning-subtle{background-color:var(--color-warning-subtle)}.bg-error-subtle{background-color:var(--color-error-subtle)}.rounded-6{border-radius:var(--radius-6)}.overflow-hidden{overflow:hidden}.opacity-60{opacity:.6}.m-0{margin:0}.block{display:block}.px-4,.px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.pb-8{padding-bottom:var(--spacing-8)}.pb-12{padding-bottom:var(--spacing-12)}.pt-16{padding-top:var(--spacing-16)}.pt-24{padding-top:var(--spacing-24)}.mt-4{margin-top:var(--spacing-4)}.mt-12{margin-top:var(--spacing-12)}.mt-20{margin-top:var(--spacing-20)}.mb-6{margin-bottom:6px}.mb-12{margin-bottom:var(--spacing-12)}.my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.row-defect td{opacity:.9;background-color:var(--color-error-subtle)!important}.row-clickable{cursor:pointer;transition:background-color var(--transition-fast)}.row-clickable:hover td{background-color:var(--color-background-secondary)!important}.stocks-summary-grid .badge:before,.stocks-summary-grid .badge:after{display:none!important}.product-stock-tile{min-height:54px;border-radius:var(--radius-8)!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;height:auto!important;display:flex!important}.detail-header-info{flex-direction:column;gap:4px;display:flex}.detail-title{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700;line-height:1.2}.detail-art{color:var(--color-text-secondary);font-size:13px}.card-detail-container{width:100%}.detail-main-grid{gap:var(--spacing-32);grid-template-columns:280px 1fr;align-items:start;display:grid}.stocks-summary-grid{gap:var(--spacing-12);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=520px){.stocks-summary-grid{grid-template-columns:1fr}}.gallery-side{gap:var(--spacing-12);flex-direction:column;display:flex}.main-preview-box{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-10);width:100%;height:360px;padding:var(--spacing-12);justify-content:center;align-items:center;display:flex;overflow:hidden}.main-preview-img{object-fit:contain;border-radius:var(--radius-6);max-width:100%;max-height:100%}.no-photo-placeholder{color:var(--color-text-tertiary);font-size:13px;font-weight:500}.thumbnails-row{padding-bottom:var(--spacing-4);scrollbar-width:thin;gap:8px;display:flex;overflow-x:auto}.thumb-box{border-radius:var(--radius-6);border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);width:52px;height:68px;transition:all var(--transition-fast);flex-shrink:0;padding:2px;overflow:hidden}.thumb-box img{object-fit:cover;border-radius:4px;width:100%;height:100%}.thumb-box.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle)}.info-side{gap:var(--spacing-24);flex-direction:column;display:flex}.info-section{gap:var(--spacing-12);flex-direction:column;display:flex}.section-heading{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em;padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-border);margin:0;font-size:14px;font-weight:700}.property-list-grid{gap:var(--spacing-12) var(--spacing-32);background:var(--color-background-secondary);padding:var(--spacing-16);border-radius:var(--radius-10);border:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);display:grid}.grid-col-2{grid-template-columns:repeat(2,1fr)}@media (width<=576px){.property-list-grid,.grid-col-2{grid-template-columns:1fr}}.property-item{flex-direction:column;gap:4px;display:flex}.property-label{color:var(--color-text-secondary);font-size:12px}.property-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.barcodes-wrap-list{flex-wrap:wrap;gap:8px;display:flex}.barcode-badge{background:var(--color-surface);border:1px solid var(--color-border-dark);padding:var(--spacing-6) var(--spacing-12);border-radius:var(--radius-6);color:var(--color-text-primary);align-items:center;gap:var(--spacing-6);box-shadow:var(--shadow-sm);font-family:monospace;font-size:13px;font-weight:500;display:inline-flex}.bc-icon{opacity:.7;font-size:11px}.no-barcodes-text{color:var(--color-text-secondary);font-size:13px;font-style:italic}.btn-link{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:13px}.btn-link:hover{color:var(--color-text-primary)}.table-container{background:var(--color-surface);border-radius:var(--radius-12);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;width:100%;display:flex;overflow:hidden}.table-responsive{scrollbar-width:thin;width:100%;overflow:auto}.minimal-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:15px}.minimal-table th{z-index:10;background:var(--color-background-secondary);padding:var(--spacing-8) var(--spacing-16);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-dark);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:600;position:sticky;top:0;overflow:hidden}.minimal-table td{padding:var(--spacing-8) var(--spacing-16);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-dark);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.minimal-table tr:last-child td{border-bottom:none}.minimal-table tbody tr:hover td{background:var(--color-background-secondary)}.th-content{justify-content:space-between;align-items:center;gap:var(--spacing-8);width:100%;display:flex}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-arrows{color:var(--color-text-tertiary);flex-direction:column;font-size:9px;line-height:1;display:inline-flex}.sort-arrows .active{color:var(--color-primary)}.filter-box{margin-top:var(--spacing-4);width:100%}.table-input{box-sizing:border-box;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-6);font-size:12px;width:100%!important;min-width:0!important}.table-state{padding:var(--spacing-40) var(--spacing-20);justify-content:center;align-items:center;gap:var(--spacing-12);flex-direction:column;display:flex}.empty-icon{font-size:32px}.table-avatar-container{justify-content:center;align-items:center;height:100%;display:flex}.table-product-avatar{object-fit:cover;border:1px solid var(--color-border-dark);background:var(--color-background-secondary);border-radius:4px;width:40px;height:60px;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}.table-product-avatar:hover{z-index:100;box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:scale(2)}.table-product-avatar-placeholder{background:var(--color-background-secondary);border:1px dashed var(--color-border-dark);width:48px;height:36px;color:var(--color-text-tertiary);border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:flex}.skeleton{background:var(--color-background-secondary);border-radius:var(--radius-6);position:relative;overflow:hidden}.skeleton__shimmer{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.skeleton--text{height:16px}.skeleton--title{height:28px}.skeleton--caption{height:12px}.skeleton--circular{border-radius:var(--radius-full)}.skeleton--rounded{border-radius:var(--radius-8)}.skeleton--rectangular{border-radius:var(--radius-6)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-color-scheme:dark){.skeleton__shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%)}}.toast-list{bottom:var(--spacing-24);z-index:20000;gap:var(--spacing-8);pointer-events:none;flex-direction:column-reverse;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-card{background:var(--glass-background);border:1px solid var(--color-border);border-radius:var(--radius-10);width:100%;max-width:320px;box-shadow:var(--shadow-glass);padding:var(--spacing-12) var(--spacing-16);pointer-events:auto;transform-origin:bottom}.toast-content{align-items:center;gap:var(--spacing-12);display:flex}.toast-icon{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.toast-icon--success{background-color:var(--color-success)}.toast-icon--error{background-color:var(--color-error)}.toast-icon--warning{background-color:var(--color-warning)}.toast-icon--info{background-color:var(--color-primary)}.toast-msg{color:var(--color-text-primary);font-size:13px;font-weight:500}.sheet-fade-enter-active,.sheet-fade-leave-active,.modal-fade-enter-active,.modal-fade-leave-active,.dropdown-fade-enter-active,.dropdown-fade-leave-active,.fade-slide-enter-active,.fade-slide-leave-active,.fade-enter-active,.fade-leave-active{transition:opacity .2s ease, transform var(--transition-fast) ease-out}.sheet-fade-enter-from,.sheet-fade-leave-to,.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.dropdown-fade-enter-from,.dropdown-fade-leave-to,.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-4px)}.sheet-slide-enter-active,.sheet-slide-leave-active{transition:transform .3s cubic-bezier(.16,1,.3,1)}.sheet-slide-enter-from,.sheet-slide-leave-to{transform:translate(-50%,100%)}.modal-zoom-enter-active,.modal-zoom-leave-active{transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s}.modal-zoom-enter-from,.modal-zoom-leave-to{opacity:0;transform:scale(.95)}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(100%)scale(.9)}.toast-fade-leave-active{position:absolute}.fade-enter-from{opacity:0;transform:translate(10px)}.fade-leave-to{opacity:0;transform:translate(-10px)}