:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f2f2f2;--bg-elevated: #e5e5e5;--border-color: #e0e0e0;--border-light: #d4d4d4;--text-primary: #1a1a1a;--text-secondary: #525252;--text-muted: #a3a3a3;--accent-primary: #6b8e7f;--accent-primary-hover: #5a7a6c;--accent-secondary: #7c3aed;--accent-success: #16a34a;--accent-warning: #ca8a04;--accent-danger: #dc2626;--gradient-primary: linear-gradient(135deg, #6b8e7f 0%, #5a7a6c 100%);--gradient-subtle: linear-gradient(180deg, rgba(107, 142, 127, .03) 0%, rgba(90, 122, 108, .02) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glow: 0 0 30px rgba(107, 142, 127, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(37,99,235,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(124,58,237,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.products-table.table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);position:relative;max-height:calc(100vh - 280px);display:flex;flex-direction:column}.products-table .table-wrapper{overflow:auto;position:relative;flex:1}.products-table .scroll-ear{position:fixed;top:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:60;cursor:pointer;opacity:0;transition:all var(--transition-fast);pointer-events:none;border-radius:var(--radius-md);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.products-table:hover .scroll-ear{opacity:1;pointer-events:auto}.products-table .scroll-ear-left{left:0;transform:translate(30%)}.products-table .scroll-ear-right{right:0;transform:translate(-30%)}.products-table .scroll-ear:hover{background:#6b8e7f26;border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.products-table .scroll-ear-right:hover{transform:translate(-25%) scale(1.1)}.products-table .scroll-ear-left:hover{transform:translate(25%) scale(1.1)}.products-table .scroll-arrow{width:28px;height:28px;fill:var(--text-secondary);transition:all var(--transition-fast);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.products-table .scroll-ear:hover .scroll-arrow{fill:var(--accent-primary);transform:scale(1.15)}.products-table .scroll-ear-left .scroll-arrow{transform:translate(-2px)}.products-table .scroll-ear-right .scroll-arrow{transform:translate(2px)}.products-table .scroll-ear-left:hover .scroll-arrow,.products-table .scroll-ear-right:hover .scroll-arrow{transform:scale(1.15)}.products-table table{width:100%;border-collapse:collapse;font-size:14px}.products-table thead{position:sticky;top:0;z-index:70;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.products-table thead tr:first-child th{border-bottom:1px solid var(--border-color)}.products-table thead tr:last-child th{border-bottom:2px solid var(--border-color)}.products-table thead th{background:var(--bg-tertiary)}.products-table th{padding:7px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);white-space:nowrap;position:relative;border-right:1px solid var(--border-color);line-height:1.3}.products-table th.frozen-col{border-right:none}.products-table .th-content{display:block;pointer-events:none}.products-table .th-collapse{position:absolute;top:0;right:0;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:0 var(--radius-sm) 0 var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);z-index:15;color:var(--text-secondary)}.products-table .th-collapse svg{width:16px;height:16px;transition:transform var(--transition-fast);transform:rotate(-90deg)}.products-table th:hover .th-collapse{opacity:1}.products-table .th-collapse:hover svg{color:var(--accent-primary)}.products-table th.collapsed .th-collapse svg{transform:rotate(90deg)}.products-table th.collapsed{width:24px!important;min-width:24px!important;max-width:24px!important;overflow:hidden;padding:0!important}.products-table th.collapsed .th-content,.products-table td.collapsed .td-content,.products-table td.collapsed .td-content-full{display:none}.products-table td .td-content-full{display:block;width:100%;height:100%;min-height:40px}.products-table td .td-content-full>*{-webkit-user-select:none;user-select:none}.products-table td .td-content-full input,.products-table td .td-content-full .counter-group,.products-table td .td-content-full .product-cell,.products-table td .td-content-full .numeric-cell{pointer-events:auto}.products-table th.collapsed .th-resize{left:0;right:auto;transform:translate(-50%)}.products-table th.collapsed .th-collapse{right:0;opacity:1}.products-table th.collapsed .counterparty-group-header,.products-table th.collapsed .order-header{display:none}.products-table th:first-child.collapsed .th-collapse{right:0}.products-table .th-resize{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;z-index:10;opacity:0;transition:opacity var(--transition-fast);transform:translate(50%)}.products-table .th-resize:active{background:#6b8e7f80}.products-table .frozen-col{position:sticky;background:var(--bg-secondary);overflow:visible}.products-table thead .frozen-col{background:var(--bg-tertiary)}.products-table tbody .frozen-col:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--border-color);pointer-events:none;z-index:100}.products-table tbody .frozen-col[data-col=cart]:before{display:none}.products-table thead .frozen-col:not([data-col=cart]):after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--border-color);pointer-events:none;z-index:100}.products-table .frozen-col[data-col=product]{z-index:11}.products-table .frozen-col[data-col=country]{z-index:12}.products-table .frozen-col[data-col=plantation]{z-index:13}.products-table .frozen-col[data-col=size]{z-index:14}.products-table .frozen-col[data-col=weight]{z-index:15}.products-table .frozen-col[data-col=diameter]{z-index:16}.products-table .frozen-col[data-col=gradeselect]{z-index:17}.products-table .frozen-col[data-col=multiplicity]{z-index:18}.products-table .frozen-col[data-col=price]{z-index:19}.products-table .frozen-col[data-col=costprice]{z-index:20}.products-table .frozen-col[data-col=totalQuantity]{z-index:21}.products-table .frozen-col[data-col=available]{z-index:22}.products-table .frozen-col[data-col=cart]{z-index:23}.products-table thead .frozen-col{z-index:calc(var(--z-index-base, 10) + 10)}.products-table thead .frozen-col[data-col=product]{z-index:30}.products-table thead .frozen-col[data-col=country]{z-index:31}.products-table thead .frozen-col[data-col=plantation]{z-index:32}.products-table thead .frozen-col[data-col=size]{z-index:33}.products-table thead .frozen-col[data-col=weight]{z-index:34}.products-table thead .frozen-col[data-col=diameter]{z-index:35}.products-table thead .frozen-col[data-col=gradeselect]{z-index:36}.products-table thead .frozen-col[data-col=multiplicity]{z-index:37}.products-table thead .frozen-col[data-col=price]{z-index:38}.products-table thead .frozen-col[data-col=costprice]{z-index:39}.products-table thead .frozen-col[data-col=totalQuantity]{z-index:40}.products-table thead .frozen-col[data-col=available]{z-index:41}.products-table thead .frozen-col[data-col=cart]{z-index:42}.products-table th.frozen-col[data-col=cart],.products-table td.frozen-col[data-col=cart]{box-shadow:none;border-right:none}.products-table th.frozen-col.collapsed{padding:0!important;width:24px!important;min-width:24px!important;max-width:24px!important;overflow:hidden}.products-table th.frozen-col.collapsed .th-content,.products-table td.frozen-col.collapsed .td-content,.products-table td.frozen-col.collapsed .td-content-full{display:none}.products-table th.frozen-col[data-col=product],.products-table td.frozen-col[data-col=product]{z-index:25}.products-table thead th.frozen-col[data-col=product]{z-index:30}.products-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.products-table tbody tr:last-child{border-bottom:none}.products-table tbody tr:hover{background:var(--gradient-subtle)}.products-table tbody td{border-right:1px solid var(--border-color);padding:10px 12px}.products-table tbody td.frozen-col{background:var(--bg-secondary)!important;border-right:none}.products-table tbody td:not(.frozen-col):first-of-type{border-left:1px solid var(--border-color)}.products-table .table-wrapper.has-scroll tbody td.frozen-col[data-col=cart]:after{content:"";position:absolute;top:0;right:-8px;bottom:0;width:8px;background:linear-gradient(to left,transparent,rgba(0,0,0,.15));pointer-events:none;z-index:15}.products-table .table-wrapper.has-scroll thead th.frozen-col[data-col=cart]:before{content:"";position:absolute;top:0;right:-8px;bottom:0;width:8px;background:linear-gradient(to left,transparent,rgba(0,0,0,.15));pointer-events:none;z-index:150}.products-table tbody td:last-child{border-right:none;padding-right:20px}.products-table .empty-message{text-align:center;color:var(--text-muted);padding:40px!important}.products-table .counterparty-header{display:flex;align-items:center;gap:8px}.products-table .discount-badge{background:var(--accent-danger);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.products-table .btn-remove-cp{width:20px;height:20px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.products-table .btn-remove-cp:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.products-table .col-product{min-width:200px}.products-table .col-cart{min-width:140px}.products-table .col-counterparty-group{min-width:140px;background:#6b8e7f14;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);position:relative}.products-table .col-order{min-width:140px;background:#6b8e7f0a;border-right:1px solid var(--border-color);position:relative}.products-table .cell-order{transition:background-color .2s ease}.products-table .cell-order-empty{padding:0!important;background:transparent}.products-table .counterparty-group-header{display:flex;align-items:center;gap:4px;justify-content:space-between;font-weight:600;font-size:11px}.products-table .order-header{display:flex;align-items:center;gap:4px;justify-content:space-between;font-size:11px}.products-table .order-header .th-content{opacity:.85;font-weight:500;cursor:pointer}.products-table .order-header .th-content:hover{opacity:1}.products-table .order-name-input{flex:1;min-width:0;padding:2px 6px;font-size:11px;font-weight:500;background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);outline:none}.products-table .btn-edit-order{width:18px;height:18px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;padding:0}.products-table .order-header:hover .btn-edit-order{opacity:1}.products-table .btn-edit-order:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.products-table .btn-edit-order svg{width:12px;height:12px}.products-table .order-edit-actions{display:flex;gap:2px;flex-shrink:0}.products-table .btn-save-order,.products-table .btn-cancel-order{width:18px;height:18px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.products-table .btn-save-order{color:var(--accent-success)}.products-table .btn-save-order:hover{background:var(--accent-success);color:#fff}.products-table .btn-cancel-order{color:var(--text-muted)}.products-table .btn-cancel-order:hover{background:var(--accent-danger);color:#fff}.products-table .btn-save-order svg,.products-table .btn-cancel-order svg{width:14px;height:14px}.products-table .btn-add-order{width:18px;height:18px;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.products-table .btn-add-order:hover{background:var(--accent-primary-hover)}.products-table .btn-remove-order{width:18px;height:18px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.products-table .btn-remove-order svg{width:12px;height:12px}.products-table .btn-remove-order:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.products-table .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9fccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100}.products-table .loading-overlay.active{display:flex}.products-table .spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-table .pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.products-table .pagination-info{font-size:13px;color:var(--text-secondary)}.products-table .pagination-controls{display:flex;gap:4px}.products-table .page-btn{min-width:36px;height:36px;padding:0 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.products-table .page-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-light)}.products-table .page-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.products-table .page-btn:disabled{opacity:.5;cursor:not-allowed}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.scale-enter-active,.scale-leave-active{transition:opacity .2s ease}.scale-enter-from,.scale-leave-to{opacity:0}.scale-enter-active .scale-content,.scale-leave-active .scale-content{transition:transform .2s ease}.scale-enter-from .scale-content,.scale-leave-to .scale-content{transform:scale(.95)}.slide-right-enter-active,.slide-right-leave-active{transition:all .3s ease}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%);opacity:0}.scale-fast-enter-active,.scale-fast-leave-active{transition:opacity .15s ease,transform .15s ease}.scale-fast-enter-from,.scale-fast-leave-to{opacity:0;transform:scale(.95)}.dialog-enter-active,.dialog-leave-active{transition:all .3s ease}.dialog-enter-from,.dialog-leave-to{opacity:0;transform:scale(.9)}