.po-page{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.po-page.po-detail-open{height:100vh;overflow:hidden}.po-page.po-detail-open .po-shell,.po-page.po-detail-open .po-card{height:100%}.po-shell{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.po-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.po-header-title{font-size:1.5rem;font-weight:600;color:var(--neutral-900);margin:0}.po-header-actions{display:flex;gap:var(--space-2)}.po-icon-help{color:var(--neutral-400);cursor:pointer}.po-card{background:#fff;border-radius:var(--radius-md);box-shadow:none;border:.0625rem solid var(--neutral-200);padding:0;overflow:visible;display:flex;flex-direction:column;min-height:600px;flex:1}.po-card .pagination-bar--bottom{margin-top:auto}.po-controls-container{padding:var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:var(--space-3);overflow:visible}.po-controls-bar{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar-left{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.toolbar-left.sidebar-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-200)}.toolbar-left.sidebar-search .icon-square-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;color:var(--neutral-500);cursor:pointer;flex-shrink:0}.toolbar-left.sidebar-search .search-input{flex:1;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);padding:0 var(--space-3);font-size:.875rem;outline:none;transition:border-color .15s}.toolbar-left.sidebar-search .search-input:focus{border-color:var(--brand-600)}.toolbar-left.sidebar-search .search-input::placeholder{color:var(--neutral-400)}.prod-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;overflow:visible;position:relative;z-index:100;width:100%}.prod-filter-left{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.prod-filter-dropdown{position:relative;z-index:110}.prod-filter-right{display:flex;align-items:center}.prod-filter-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:.0625rem solid var(--neutral-200);border-radius:.375rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.prod-filter-btn:hover{background:#fafafa;border-color:#9ca3af}.prod-filter-btn:active{background:#f3f4f6}.prod-filter-btn.prod-filter-active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.prod-filter-icon{font-size:1.125rem;color:var(--neutral-500)}.icon-square-btn{width:2rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.icon-square-btn:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.search-input{height:2.25rem;width:20rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);padding:0 var(--space-3);background:#fff;font-size:.875rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--brand-600)}.search-input::placeholder{color:var(--neutral-400)}.prod-md-tabs{display:inline-flex;gap:.25rem;padding:.25rem;background:#e5e7eb;border-radius:9999px}.prod-md-tab{border:.0625rem solid transparent;background:transparent;border-radius:9999px;padding:.425rem .85rem;font-size:.8125rem;font-weight:600;color:#374151;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.prod-md-tab:hover{background:var(--neutral-300)}.prod-md-tab.is-active{background:#045c67;color:#fff}.prod-md-tab.is-active:hover{background:#034a52}.prod-md-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:9999px;font-size:.7rem;font-weight:700;line-height:1;background:var(--neutral-300);color:var(--neutral-700)}.prod-md-tab.is-active .prod-md-tab-count{background:#ffffff40;color:#fff}.po-filter-chips{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--neutral-200);border-radius:9999px;flex-wrap:wrap}.po-chip{padding:.425rem .85rem;border-radius:9999px;font-size:.8125rem;font-weight:600;border:.0625rem solid transparent;cursor:pointer;transition:all .2s;background:transparent;color:var(--neutral-700);display:inline-flex;align-items:center;gap:.35rem}.po-chip-default:hover{background:var(--neutral-300)}.po-chip-active-dark{background:var(--brand-700);color:#fff}.po-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 .35rem;border-radius:9999px;font-size:.7rem;font-weight:700;line-height:1}.po-chip-count-default{background:var(--neutral-300);color:var(--neutral-700)}.po-chip-count-dark{background:#fff;color:var(--brand-700)}.po-new-order-btn{background:var(--neutral-800);color:#fff;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.po-new-order-btn:hover{background:var(--neutral-700)}.po-table-container{overflow-x:auto;overflow-y:auto;width:100%;flex:1;min-height:0}.po-table{width:100%;border-collapse:collapse}.po-thead-row{border-bottom:1px solid var(--neutral-200);background:var(--neutral-100)}.po-th{text-align:left;padding:.75rem var(--space-4);font-size:.85rem;font-weight:600;color:var(--neutral-500);white-space:nowrap}.po-th.text-right{text-align:right}.po-cell{padding:.75rem var(--space-4);font-size:.95rem;color:var(--neutral-900);border-bottom:1px solid var(--neutral-150);vertical-align:middle}.po-cell-total,.po-cell-balance{text-align:right}.po-cell-assignee{color:var(--neutral-600)}.font-medium{font-weight:600}.po-row.clickable{cursor:pointer;transition:background .1s}.po-row.clickable:hover{background:var(--neutral-100)}.po-mobile-list{display:none}.po-mobile-item{width:100%;border:none;background:#fff;border-bottom:.0625rem solid var(--neutral-200);padding:.9rem var(--space-4);text-align:left;cursor:pointer;transition:background .15s}.po-mobile-item:active{background:var(--neutral-100)}.po-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.po-mobile-order{font-weight:600;font-size:.95rem;color:var(--neutral-900)}.po-mobile-date{font-size:.8rem;color:var(--neutral-500)}.po-mobile-vendor{margin-top:var(--space-1);font-size:.9rem;color:var(--neutral-700)}.po-mobile-assignee{margin-top:.15rem;color:var(--neutral-500);font-size:.82rem}.po-mobile-meta{margin-top:var(--space-2);display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.po-payment-chip{padding:.15rem var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;border:.0625rem solid var(--neutral-200);color:var(--neutral-700);background:var(--neutral-100)}.po-payment-chip.is-unpaid{background:var(--error-light);border-color:var(--error-border);color:var(--error-dark)}.po-payment-chip.is-paid{background:var(--success-light);border-color:var(--success-border);color:var(--success-dark)}.po-mobile-totals{margin-top:var(--space-2);display:flex;justify-content:space-between;gap:var(--space-3);font-size:.85rem;color:var(--neutral-600)}.po-mobile-empty{padding:var(--space-6) var(--space-4);color:var(--neutral-500);font-size:.9rem}.two-pane-wrapper{display:flex;flex:1;overflow:hidden;height:100%}.po-list-panel{width:16rem;border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;background:#fff;flex-shrink:0}.list-header{padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center;background:var(--neutral-100)}.list-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--neutral-600)}.close-pane-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;color:var(--neutral-400);padding:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);transition:all .2s;flex-shrink:0}.close-pane-btn:hover{color:var(--neutral-600);background:var(--neutral-200)}.po-side-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.po-side-item{padding:.75rem var(--space-4);border-bottom:1px solid var(--neutral-150);cursor:pointer;border-left:3px solid transparent}.po-side-item:hover{background:var(--neutral-100)}.po-side-item.selected{background:var(--info-light);border-left-color:var(--info-base)}.side-row-top{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:var(--space-1)}.side-ordernum{font-weight:700;color:var(--neutral-900)}.side-date{color:var(--neutral-500)}.side-row-mid{font-size:.95rem;color:var(--neutral-700);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-row-assignee{color:var(--neutral-500);font-size:.8rem;margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-row-bot{display:flex;justify-content:space-between;align-items:center}.side-total{font-weight:600;font-size:.9rem}.side-total.is-unpaid{color:var(--error-500)}.side-total.is-paid{color:var(--success-600)}.po-details-header-grid{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(240px,1fr) minmax(280px,340px);gap:0;border-bottom:1px solid var(--neutral-200);background:#fff}.po-header-col{padding:1.25rem var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.po-header-col.center-col{border-left:1px solid var(--neutral-200);border-right:1px solid var(--neutral-200)}.po-input-large{font-size:1.5rem;font-weight:700;color:var(--neutral-900);border:1px solid transparent;border-radius:var(--radius-sm);width:100%;margin:-4px 0}.po-input-large:hover{border-color:var(--neutral-200)}.po-field-row{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--neutral-600)}.po-label-text{width:90px;flex-shrink:0}.po-value-text{font-weight:600;color:var(--neutral-900);flex:1}.po-action-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-600);font-size:.9rem;cursor:pointer;font-weight:500;text-decoration:none;background:none;border:none;padding:0}.po-action-link:disabled{cursor:wait;color:var(--neutral-500);opacity:.75}.po-order-date-button{color:var(--neutral-900);font-weight:600;min-height:1.5rem}.po-order-date-button:hover{color:var(--brand-600);text-decoration:underline}.po-assignee-select{min-width:0;max-width:13rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--neutral-900);font-size:.9rem;font-weight:600;padding:.15rem 1.5rem .15rem .25rem;cursor:pointer}.po-assignee-select:hover,.po-assignee-select:focus{border-color:var(--neutral-200);background:#fff;outline:none}.po-assignee-value{min-width:8rem}.po-inline-hint{color:var(--neutral-400);font-size:.8rem}.po-middle-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-6);background:#fff;border-top:1px solid var(--neutral-200);border-bottom:1px solid var(--neutral-200);gap:var(--space-4)}.po-middle-bar>.left-actions,.po-middle-bar>.center-actions,.po-middle-bar>.right-actions{flex:1 1 0}.po-middle-bar>.left-actions{justify-content:flex-start}.po-middle-bar>.center-actions{display:flex;justify-content:center;align-items:center;text-align:center}.po-middle-bar>.right-actions{justify-content:flex-end;display:flex;gap:.5rem}.po-middle-bar .left-actions{max-width:420px;width:100%}.po-middle-bar .left-actions .inline-edit-display,.po-middle-bar .left-actions .inline-edit-input{width:100%;height:2.25rem;min-height:2.25rem;border-radius:var(--radius-md);background:#fff;padding:0 var(--space-3);font-size:.875rem;box-shadow:none!important;line-height:2.25rem;outline:none!important}.po-middle-bar .left-actions .inline-edit-display{line-height:2.25rem}.po-middle-bar .left-actions .inline-edit-input:focus,.po-middle-bar .left-actions .inline-edit-input:focus-visible{box-shadow:none!important;outline:none!important}.po-tabs-switch{display:flex;background:var(--neutral-150);border-radius:999px;padding:3px;gap:2px;border:1px solid var(--neutral-200)}.po-tab-switch-btn{border:none;background:transparent;padding:.35rem var(--space-5);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--neutral-500);cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.1}.po-tab-switch-btn span.sub{font-size:.7rem;font-weight:400}.po-tab-switch-btn.active{background:#fff;color:var(--neutral-900);box-shadow:var(--shadow-xs);border:1px solid var(--neutral-200)}.po-items-area{padding:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;position:relative}.po-line-table{width:100%;border-collapse:collapse}.po-line-table th{text-align:left;padding:.6rem var(--space-6);background:#fff;border-bottom:1px solid var(--neutral-200);color:var(--neutral-500);font-size:.7rem;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.po-line-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-150);vertical-align:top}.po-loading-center{padding:2rem;text-align:center}.po-status-spacing{margin-bottom:.5rem}.po-icon-md{font-size:18px}.po-icon-sm{font-size:16px}.po-value-light{font-weight:400}.po-field-row-spaced{margin-top:.5rem}.po-text-brand-lg{font-size:1rem}.po-row-space-between{justify-content:space-between}.po-row-between{display:flex;justify-content:space-between;width:100%;align-items:center}.po-status-emphasis{font-weight:700;font-size:.9rem}.po-badge-amount{color:#fff;font-size:.9rem}.po-action-link-sm{font-size:.85rem}.po-field-row-relative{position:relative}.po-field-row-relative-spaced{position:relative;margin-top:.5rem}.po-action-menu-wide{top:100%;left:0;width:100%;min-width:200px;max-height:200px;overflow-y:auto;z-index:10}.po-menu-item-left{text-align:left}.po-menu-empty-muted{padding:.5rem;color:#6b7280}.po-calendar-popover-right{right:0;left:auto;top:100%}.po-calendar-popover-left{right:auto;left:0;top:100%;margin-top:4px}.po-col-product{width:40%}.po-col-subtotal{text-align:right}.po-col-check,.po-col-actions{width:40px}.po-item-cell{display:flex;gap:.75rem;align-items:center}.po-item-thumb{width:32px;height:32px;background:#f3f4f6;border-radius:4px;display:flex;align-items:center;justify-content:center}.po-item-thumb-outline{background:#fff;border:1px solid #e5e7eb}.po-item-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.po-item-name{font-weight:600;color:#1e293b}.po-item-name a{color:inherit;text-decoration:none}.po-item-name a:hover{color:var(--brand-600, #2563eb);text-decoration:underline}.po-item-meta{min-width:0}.po-item-sku{font-size:.8rem}.po-item-serial{margin-top:.25rem;font-size:.78rem;color:var(--neutral-600);word-break:break-word}.po-serial-input{width:min(100%,240px);margin-top:.4rem;padding:.35rem .5rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;font-size:.8rem;color:var(--neutral-900);transition:border-color .2s,box-shadow .2s}.po-serial-input::placeholder{color:var(--neutral-500)}.po-serial-input:hover{border-color:var(--neutral-400)}.po-serial-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421a}.po-serial-input:disabled{background:var(--neutral-100);color:var(--neutral-500)}.po-table-empty{text-align:center;padding:3rem}.po-receive-bar{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.po-receive-remarks{flex:1;margin-right:1rem}.po-receive-all{flex-shrink:0}.po-receiving-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-start;justify-content:center;padding-top:5rem;background:#ffffffc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.po-receiving-status{display:inline-flex;align-items:center;gap:var(--space-3);min-width:min(22rem,calc(100% - 2rem));max-width:calc(100% - 2rem);padding:var(--space-4) var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md)}.po-receiving-spinner{width:1.5rem;height:1.5rem;flex:0 0 auto;border:3px solid var(--neutral-200);border-top-color:var(--brand-600);border-radius:999px;animation:po-receiving-spin .8s linear infinite}.po-receiving-title{font-size:.95rem;font-weight:700;color:var(--neutral-900)}.po-receiving-subtitle{margin-top:.1rem;font-size:.82rem;color:var(--neutral-600)}.po-items-area.is-receiving .po-line-table{opacity:.55}@keyframes po-receiving-spin{to{transform:rotate(360deg)}}.po-receive-note{font-size:.75rem;margin-top:.25rem}.po-receive-cell{position:relative;cursor:default}.po-receive-cell.is-clickable{cursor:pointer}.po-icon-lg{font-size:20px}.po-icon-xs{font-size:14px;vertical-align:middle}.po-icon-xxs{font-size:12px;vertical-align:middle}.po-icon-xl{font-size:28px}.po-sum-row-aligned{align-items:center;margin-top:.5rem}.po-sum-row-spaced{margin-top:.5rem;border-top:1px solid var(--neutral-200);padding-top:.5rem}.po-action-link-xs{font-size:.8rem}.po-sum-row-freight,.po-sum-row-adjustment{align-items:center}.po-sum-row-freight .po-sum-input-wrap,.po-sum-row-adjustment .po-sum-input-wrap{display:flex;align-items:center}.po-sum-row-freight .po-sum-input,.po-sum-row-adjustment .po-sum-input{width:90px}.po-sum-row-freight .po-sum-input:disabled,.po-sum-row-adjustment .po-sum-input:disabled{opacity:.5;cursor:not-allowed}.po-text-medium{font-weight:500}.po-text-large{font-size:1.1rem}.modal-window-wide{max-width:500px}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.po-product-name{font-weight:600}.po-item-subtext{font-size:.85rem}.modal-actions-end{justify-content:flex-end;margin-top:2rem}.modal-window.small-modal{text-align:center}.modal-icon-wrap{margin-bottom:1rem}.modal-success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#d1fae5;color:#059669;margin-bottom:1rem}.modal-title-lg{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.modal-copy-text{color:#6b7280;margin:0 0 1.5rem}.modal-actions-center{justify-content:center;gap:1rem}.po-table-empty-cell{padding:2rem}.drawer-close-icon{font-size:20px}.po-items-footer{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-8);margin-top:auto;gap:var(--space-8);flex-wrap:wrap}.po-add-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap;flex:1 1 320px}.btn-outline-add{border:1px solid var(--brand-600);color:var(--brand-600);background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.btn-outline-add:hover{background:var(--info-50)}.po-summary-stack{width:260px;display:flex;flex-direction:column;gap:.65rem;flex:0 1 260px;margin-left:auto}.po-sum-row{display:flex;justify-content:space-between;font-size:.95rem;color:var(--neutral-700)}.po-sum-row.total{font-weight:700;font-size:1.05rem;border-top:1px solid var(--neutral-200);padding-top:.6rem}.po-sum-row.paid{color:var(--success-600)}.po-sum-input-wrap{background:var(--neutral-150);border-radius:var(--radius-sm);padding:2px 8px;display:flex;align-items:center}.po-sum-input{background:transparent;border:none;text-align:right;font-weight:600;width:90px;outline:none}.po-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182740;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.barcode-assign{padding:var(--space-3) var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.barcode-assign-caption{color:var(--neutral-700);font-size:.95rem;line-height:1.4}.barcode-assign-list{max-height:min(45vh,420px);overflow:auto;border-radius:10px;border:1px solid var(--neutral-200);background:#fff}.po-scan-reader{width:100%;min-height:320px;border-radius:12px;border:1px solid var(--neutral-200);background:var(--neutral-900);overflow:hidden;display:flex;align-items:center;justify-content:center}.po-scan-reader video{width:100%;height:100%;object-fit:cover}.po-scan-error{color:var(--error-700);font-size:.9rem}.po-scan-hint{color:var(--neutral-500);font-size:.9rem}.po-product-modal-header h3{margin:0;font-size:1rem;font-weight:600}.po-modal-close{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);border:1px solid var(--neutral-200);background:#fff;cursor:pointer;color:var(--neutral-500);display:inline-flex;align-items:center;justify-content:center}.po-product-modal-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200);flex-wrap:wrap}.po-product-modal-search input{flex:1;min-width:200px;height:var(--space-10);border-radius:10px;border:2px solid var(--neutral-500);padding:0 var(--space-3);font-size:.95rem}.po-product-modal-search input::placeholder{color:var(--neutral-400)}@media (max-width: 640px){.po-product-modal-search{flex-direction:column;align-items:stretch}.po-product-modal-search input{width:100%;min-width:0}.po-scan-btn{justify-content:center;width:100%}}.po-scan-btn{height:var(--space-10);border-radius:10px;border:2px solid var(--neutral-500);background:#fff;color:var(--neutral-600);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);cursor:pointer;white-space:nowrap}.po-product-list{flex:1;min-height:0;overflow:auto;padding:var(--space-2) 0}.po-product-row{display:flex;align-items:center;gap:var(--space-3);padding:.6rem var(--space-5);border-bottom:1px solid var(--neutral-150)}.po-product-row:hover{background:var(--neutral-150)}.po-product-thumb{width:40px;height:40px;border-radius:10px;background:var(--neutral-150);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.po-product-thumb img{width:100%;height:100%;object-fit:cover}.po-product-thumb-placeholder{font-size:.9rem;font-weight:600;color:var(--neutral-400)}.po-product-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.po-product-name{font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-product-sku{font-size:.85rem;color:var(--neutral-500)}.po-product-category{display:inline-flex;width:fit-content;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--info-100);color:var(--info-700);font-size:.8rem;font-weight:500}.po-product-actions{display:flex;align-items:center;gap:var(--space-2)}.po-product-add{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);border:none;background:var(--neutral-600);color:#fff;cursor:pointer}.po-product-open{width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-500);cursor:pointer}.po-product-empty{padding:var(--space-8);text-align:center;color:var(--neutral-400)}.po-product-create{border:none;background:var(--neutral-150);color:var(--neutral-500);font-weight:600;padding:var(--space-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.po-drawer-close{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);border:.0625rem solid var(--neutral-200);background:#fff;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--brand-700);display:inline-flex;align-items:center;justify-content:center}.po-drawer-close:hover{background:var(--neutral-50)}.po-details-actionbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--neutral-200);background:#fff}.po-details-actionbar-left{display:flex;align-items:center;gap:var(--space-2)}.po-details-actionbar-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.po-action-danger{color:var(--error-500);border-color:var(--error-200)}.po-status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:var(--space-1) .6rem;border-radius:var(--radius-full);background:#7fccb740;color:var(--success-800);font-weight:600;font-size:.8rem}.po-status-chip .material-symbols-outlined{font-size:16px}.po-action-dropdown{position:relative}.po-action-menu{position:absolute;right:0;top:calc(100% + .35rem);min-width:180px;background:#fff;border:1px solid var(--neutral-200);border-radius:10px;box-shadow:0 10px 24px #0f172a26;padding:var(--space-1);z-index:20}.po-action-menu-item{width:100%;text-align:left;background:none;border:none;padding:var(--space-2) var(--space-3);font-size:.85rem;color:var(--neutral-700);border-radius:var(--radius-lg);cursor:pointer}.po-action-menu-item:hover{background:var(--neutral-50)}.po-action-menu-divider{height:1px;background:var(--neutral-200);margin:var(--space-1) .35rem}.po-date-input{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.35rem .6rem;font-size:.9rem;color:var(--neutral-900);background:#fff}.po-date-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421f}.po-delivery-row{position:relative;gap:var(--space-3)}.po-date-chip{border:1px solid var(--brand-600);color:var(--brand-600);background:#fff;border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.85rem;font-weight:600;cursor:pointer}.po-calendar-popover{position:absolute;top:calc(100% + .6rem);left:0;width:320px;background:#fff;border:1px solid var(--neutral-200);border-radius:14px;box-shadow:0 14px 30px #0f172a2e;padding:var(--space-3);z-index:30}.po-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.po-calendar-title{font-weight:700;color:var(--neutral-600)}.po-calendar-nav{width:var(--space-8);height:var(--space-8);border-radius:10px;border:1px solid var(--neutral-200);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--neutral-400)}.po-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.po-calendar-weekday{text-align:center;font-size:.85rem;font-weight:600;color:var(--neutral-400);padding:.35rem 0}.po-calendar-day{text-align:center;padding:var(--space-2) 0;border-radius:var(--radius-lg);border:1px solid transparent;background:#fff;cursor:pointer;font-weight:600;color:var(--neutral-600)}.po-calendar-day:hover{background:var(--neutral-50)}.po-calendar-day.selected{background:var(--brand-600);color:#fff}.po-calendar-day.empty{visibility:hidden}.po-address-block{display:flex;flex-direction:column;gap:.1rem;color:var(--neutral-600);font-size:.9rem}.po-address-line.strong{font-weight:600;color:var(--neutral-900)}.po-toggle{width:40px;height:22px;border-radius:var(--radius-full);border:1px solid var(--neutral-200);background:var(--neutral-250);position:relative;cursor:pointer;padding:0}.po-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .16s ease}.po-toggle.on{background:#1d36422e;border-color:var(--brand-600)}.po-toggle.on .po-toggle-thumb{transform:translate(18px);background:var(--brand-600)}.po-carrier-select{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.35rem .6rem;background:#fff;color:var(--neutral-900);font-size:.9rem;min-width:180px}.po-carrier-select:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421f}.po-vendor-order-input{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:.35rem .6rem;background:#fff;color:var(--neutral-900);font-size:.9rem;min-width:180px}.po-vendor-order-input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 2px #1d36421f}.po-qty-stepper{display:inline-flex;align-items:center;gap:var(--space-2)}.po-qty-btn{width:1.75rem;height:1.75rem;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-700);cursor:pointer;font-weight:600;line-height:1}.po-qty-btn:hover{background:var(--neutral-50)}.po-qty-btn:disabled{cursor:not-allowed;color:var(--neutral-400);background:var(--neutral-50)}.po-qty-value{min-width:1.5rem;text-align:center;font-weight:600;color:var(--neutral-900)}.po-qty-input{width:3rem;padding:.1rem 0;text-align:center;font-weight:600;color:var(--neutral-900);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:inherit;font-family:inherit;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.po-qty-input:hover{border-color:var(--neutral-300);background-color:#fff}.po-qty-input:focus{background:#fff;border-color:var(--brand-600);outline:none;box-shadow:0 0 0 2px #1d36421a}.po-qty-input::-webkit-outer-spin-button,.po-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.po-action-btn.primary{border-color:var(--brand-600);background:#1d36421f;color:var(--brand-700)}.po-action-btn{border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-800);border-radius:var(--radius-lg);padding:.35rem .9rem;font-weight:600;font-size:.85rem;cursor:pointer}.po-action-btn.primary{border-color:var(--brand-600);background:#1d364229;color:var(--brand-700)}.po-locked .po-details-header-grid,.po-locked .po-items-area.po-items-purchase,.po-locked .po-items-footer{opacity:.55;pointer-events:none}.po-detail-panel{flex:1;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0;will-change:transform,opacity;transform:translate(100%);opacity:0;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.details-body{flex:1;min-height:0;padding:var(--space-4)}.refined-body{flex:1;min-height:0}.po-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.po-detail-panel[data-drawer-state=opening]{transform:translate(100%);opacity:0}.po-detail-panel[data-drawer-state=open]{transform:translate(0);opacity:1}.po-detail-panel[data-drawer-state=closing]{transform:translate(100%);opacity:0}.po-detail-panel[data-drawer-state=closed]{display:none}@media (prefers-reduced-motion: reduce){.po-detail-panel{transition:none}}.refined-actionbar{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;background:#fff;min-height:57px;align-items:center}.refined-header{padding:var(--space-6);background:var(--neutral-150);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;align-items:flex-start}.vendor-title{font-size:1.5rem;margin:0;font-weight:700;color:var(--neutral-900)}.vendor-sub{font-size:.75rem;text-transform:uppercase;color:var(--neutral-500);letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.primary-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);padding:var(--space-6);border-bottom:1px solid var(--neutral-250)}.primary-col .label{font-size:.75rem;color:var(--neutral-500);margin-bottom:var(--space-1);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.primary-col .value{font-size:var(--space-4);color:var(--neutral-900);min-height:var(--space-6);margin-bottom:var(--space-4)}.refined-tabs{padding:var(--space-3) var(--space-4);display:flex;justify-content:center;border-bottom:1px solid var(--neutral-250);background:#fff}.pill-tabs button{margin-right:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;font-weight:500;color:var(--neutral-500);font-size:.9rem;transition:all .2s;border-bottom:none}.pill-tabs button.active{background:var(--brand-500);color:#fff;border-bottom:none}.pill-tabs button:hover:not(.active){background:var(--neutral-50);color:var(--neutral-700)}.po-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.po-badge-unfulfilled{background:var(--error-100);color:var(--error-900)}.po-badge-fulfilled{background:var(--success-100);color:var(--success-900)}.po-badge-started{background:var(--warning-100);color:var(--warning-800)}.po-badge-paid{background:#d1fae5;color:var(--success-800)}.ghost-btn{height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid var(--brand-600);color:var(--brand-600);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:500}.ghost-btn:hover{background:var(--neutral-50)}.ghost-btn.small{height:var(--space-8);padding:0 var(--space-2);font-size:.85rem;margin-right:var(--space-2)}.primary-btn{height:2.25rem;padding:0 .9rem;border-radius:var(--radius-md);background:var(--brand-600);color:#fff;border:1px solid var(--brand-600);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.primary-btn:hover{background:var(--brand-700)}.destructive-btn{background:var(--error-500);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer}.destructive-btn:hover{background:var(--error-600)}.refined-select{width:100%;padding:4px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font-size:inherit;color:inherit;cursor:pointer}.refined-select:hover{border-color:var(--neutral-250)}.refined-select:focus{border-color:var(--info-600);outline:none;background:#fff}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-window.small-modal{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;width:400px;max-width:90vw}.modal-actions{margin-top:var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-2)}.po-text-brand{color:var(--brand-600)!important}.po-text-brand-dark{color:var(--brand-700)!important}.po-text-warning{color:var(--brand-600)!important}.po-text-success{color:var(--success-600)!important}.po-text-muted{color:var(--neutral-500)!important}.po-bg-brand{background-color:var(--brand-600)!important}.po-input-large:focus{border-color:var(--brand-600)}.po-tab-switch-btn.active{color:var(--brand-600)}.po-bg-warning{background-color:var(--brand-600)!important}.po-receive-qty{background:var(--neutral-150);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:600;color:var(--neutral-700);display:inline-block}.po-item-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-600)}.po-item-checkbox:disabled{cursor:wait}.po-receive-date-btn{background:none;border:1px solid var(--neutral-250);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--neutral-500);font-size:.85rem;cursor:pointer}.po-receive-date-btn:hover{border-color:var(--neutral-300);color:var(--neutral-900)}.po-receive-date-btn:disabled{cursor:wait;opacity:.7}.receive-total-summary{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-8);padding:var(--space-4);border-top:1px solid var(--neutral-250);margin-top:var(--space-4)}.mobile-details-drawer{position:fixed;top:var(--app-mobile-header-height, 4rem);left:0;width:100%;height:calc(100vh - var(--app-mobile-header-height, 4rem));height:calc(100dvh - var(--app-mobile-header-height, 4rem));background:#fff;z-index:900;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.mobile-details-drawer.open{transform:translateY(0)}.mobile-drawer-header{flex-shrink:0;height:3.5rem;background:#fff;border-bottom:1px solid var(--neutral-250);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);position:sticky;top:0;z-index:10}.drawer-title{font-size:var(--space-4);font-weight:700;color:var(--neutral-900);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--space-4)}.drawer-close-btn{background:var(--neutral-150);border:none;color:var(--neutral-600);cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:50%;transition:all .2s;flex-shrink:0}.drawer-close-btn:active{background-color:var(--neutral-250);transform:scale(.95)}.mobile-drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-8);background:#fff}.receive-actions-link{color:var(--brand-600);font-size:.9rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:var(--space-1)}.po-context-menu-btn{background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.po-context-menu-btn:hover{background-color:var(--neutral-150);color:var(--neutral-600)}.po-context-menu{position:absolute;top:100%;right:0;width:160px;background:#fff;border:1px solid var(--neutral-250);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;z-index:50;overflow:hidden;margin-top:4px}.po-context-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:14px;color:var(--neutral-700);background:none;border:none;cursor:pointer;text-align:left}.po-context-menu-item:hover{background-color:var(--neutral-150)}.po-context-menu-item .icon{font-size:16px;color:var(--neutral-500)}.po-edit-location-product{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.po-edit-location-info{display:flex;gap:var(--space-4);align-items:center}.po-edit-location-thumb{width:48px;height:48px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--neutral-250);display:flex;align-items:center;justify-content:center;overflow:hidden}.po-edit-location-thumb img{width:100%;height:100%;object-fit:cover}.po-edit-location-qty{background:var(--neutral-150);color:var(--neutral-900);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.9rem}.po-edit-location-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.po-edit-location-label{font-weight:600;color:var(--neutral-700);font-size:.95rem}.po-edit-location-select{width:300px;padding:var(--space-2);border:1px solid var(--neutral-250);border-radius:var(--radius-md);background-color:#fff;font-size:.95rem;color:var(--neutral-900)}.po-btn-primary-yellow{background-color:var(--accent-yellow);color:var(--neutral-900);border:none;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer}.po-btn-primary-yellow:hover{background-color:var(--accent-yellow-hover)}.po-btn-cancel{background:#fff;border:1px solid var(--neutral-250);color:var(--neutral-700);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;margin-right:var(--space-3)}.po-btn-cancel:hover{background:var(--neutral-100)}.po-table-cell-actions{position:relative;text-align:right;width:40px}@media (max-width: 48rem){.po-table{display:none}.po-mobile-list{display:block}.po-controls-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.po-search-group{width:100%}.po-filter-chips{justify-content:center;width:100%;padding:var(--space-1) var(--space-2)}.po-controls-bar .primary-btn{width:100%;justify-content:center}.po-details-actionbar-left{display:none}.po-details-header-grid{grid-template-columns:1fr;gap:0}.po-header-col{padding:var(--space-4);border-left:none!important;border-right:none!important}.po-header-col:not(:last-child){border-bottom:1px solid var(--neutral-200)}.po-header-col.center-col{border-left:none;border-right:none}.po-details-actionbar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4)}.po-details-actionbar-left{justify-content:center}.po-details-actionbar-right{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%}.po-details-actionbar-right .ghost-btn.small{width:100%;margin:0;justify-content:center;border:1px solid var(--neutral-250);background:var(--neutral-100);color:var(--neutral-700);font-size:.8rem;height:var(--space-10);padding:0 var(--space-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-action-dropdown{width:100%;position:relative}.po-action-menu{position:absolute;left:0;right:0;top:calc(100% + .5rem);min-width:0;width:100%;max-height:50vh;overflow-y:auto;z-index:10001}.po-action-menu-item{font-size:.95rem;padding:.75rem 1rem}.po-middle-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.po-tabs-switch{flex-wrap:wrap;justify-content:center;gap:var(--space-1);width:100%}.po-tab-switch-btn{font-size:.8rem;padding:.35rem var(--space-3)}.left-actions,.center-actions,.right-actions{display:flex;justify-content:center;width:100%}.po-middle-bar .left-actions{max-width:100%;flex-basis:100%}.right-actions{gap:var(--space-2)}.po-line-table{display:block}.po-line-table thead{display:none}.po-line-table tbody{display:block;padding:var(--space-4)}.po-line-table tr{display:block;background:var(--neutral-100);border:1px solid var(--neutral-250);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);min-height:fit-content}.po-line-table tr:last-child{margin-bottom:0}.po-line-table td{display:block;padding:0;border:none;width:100%;margin-bottom:var(--space-3);word-break:break-word;position:relative;z-index:1}.po-line-table td:last-child{margin-bottom:0}.po-line-table td:before{content:attr(data-label);display:block;font-size:.7rem;font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}.po-line-table td:first-child{padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-250);margin-bottom:var(--space-3)}.po-line-table td:first-child:before{content:"PRODUCT"}.po-line-table .po-item-cell{min-width:0;width:100%}.po-line-table .po-item-thumb{flex-shrink:0}.po-line-table .po-item-name,.po-line-table .po-item-sku{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.po-line-table td:nth-child(2):before{content:"VENDOR CODE"}.po-line-table td:nth-child(3):before{content:"QUANTITY"}.po-line-table td:nth-child(3) .po-qty-stepper{width:100%;max-width:180px;height:40px}.po-line-table td:nth-child(3) .po-qty-btn{width:40px}.po-line-table td:nth-child(4):before{content:"VENDOR PRICE"}.po-table-input-wrap{width:100%;height:40px;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;padding:0 var(--space-3)}.po-line-table td:nth-child(5){text-align:left!important;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--neutral-250);padding-top:var(--space-3);margin-top:var(--space-2)}.po-line-table td:nth-child(5):before{content:"SUBTOTAL";margin-bottom:0}.po-line-table td:nth-child(5) strong{font-size:1.1rem;color:var(--neutral-900)}.po-line-table td>div{max-width:100%}.po-line-table td>div>div{min-width:0}.po-items-receive .po-line-table td:first-child{padding-bottom:0;border-bottom:none;margin-bottom:var(--space-2)}.po-items-receive .po-line-table td:first-child:before{content:"SELECT"}.po-items-receive .po-line-table td:nth-child(2){padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-250);margin-bottom:var(--space-3)}.po-items-receive .po-line-table td:nth-child(2):before{content:"PRODUCT"}.po-items-receive .po-line-table td:nth-child(3):before{content:"VENDOR CODE"}.po-items-receive .po-line-table td:nth-child(4):before{content:"QUANTITY"}.po-items-receive .po-line-table td:nth-child(5){text-align:left!important;display:block;border-top:none;padding-top:0;margin-top:0}.po-items-receive .po-line-table td:nth-child(5):before{content:"RECEIVE DATE";margin-bottom:.35rem}.po-items-receive .po-line-table td:nth-child(6):before{content:"ACTIONS"}.po-items-footer{flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-top:2px solid var(--neutral-250);margin-top:var(--space-4);position:relative;z-index:10}.po-add-buttons{flex-direction:column;width:100%;gap:var(--space-2);flex:none}.btn-outline-add{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:.9rem}.po-summary-stack{width:100%;background:#fff;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--neutral-250);overflow-x:hidden;box-sizing:border-box}.po-sum-row{font-size:.9rem;gap:var(--space-2);align-items:center;flex-wrap:wrap}.po-sum-row.total{font-size:1.05rem}.po-sum-row>span:first-child{flex:0 0 auto;max-width:50%;min-width:0}.po-sum-row>span:last-child,.po-sum-row>strong{flex:1 1 auto;text-align:right;min-width:0}.po-sum-input-wrap{flex:1 1 auto;max-width:100%;min-width:0}.po-sum-input{width:100%;font-size:.9rem}.po-layout{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important}.po-items-area{overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto!important;height:auto!important;display:flex!important;flex-direction:column!important;min-height:0}}.po-save-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) 1.2rem;border-radius:var(--radius-sm);background:var(--neutral-900);color:#fff;font-weight:500;font-size:.85rem;border:none;cursor:pointer;transition:all .2s}.po-save-btn:hover{background:var(--neutral-700)}.po-save-btn:disabled{opacity:.7;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.pagination-bar{background:var(--neutral-50)}.pagination-bar--top{border-top:.0625rem solid var(--neutral-200);border-bottom:.0625rem solid var(--neutral-200)}.pagination-bar--bottom{border-top:.0625rem solid var(--neutral-200);z-index:10}.pagination-left{display:flex;align-items:center;gap:1rem;min-width:0}.pagination-pagesize{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#444;white-space:nowrap}.pagination-pagesize select{height:2rem;border-radius:.375rem;border:1px solid #ddd;background:#fff;padding:0 .5rem;min-width:3.25rem;line-height:2rem}.pagination-summary{font-size:.875rem;color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination-right{display:flex;align-items:center;gap:.75rem;white-space:nowrap}.pagination-page{font-size:.875rem;color:#333}.pagination .page-btn{display:flex;align-items:center;gap:.25rem;height:2rem;padding:0 .5rem;border-radius:.375rem;border:1px solid #ddd;background:#f3f3f3;cursor:pointer}.pagination .page-btn[disabled]{opacity:.5;cursor:not-allowed}.pagination .page-btn .material-symbols-outlined{font-size:1.125rem}.po-cost-input-wrap{display:flex;align-items:center;position:relative;max-width:100px}.po-currency-symbol{position:absolute;left:.25rem;color:var(--neutral-500);font-size:.9rem;pointer-events:none;z-index:1!important}.po-cost-input{width:100%;padding:.35rem .5rem .35rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;font-size:.9rem;font-weight:500;color:var(--neutral-900);transition:all .2s}.po-cost-input:hover{border-color:var(--neutral-300);background-color:#fff}.po-cost-input:focus{background:#fff;border-color:var(--brand-600);outline:none;box-shadow:0 0 0 2px #1d36421a}.po-cost-input::-webkit-outer-spin-button,.po-cost-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reorder-page{padding-bottom:var(--space-8)}.reorder-header{align-items:flex-start;gap:var(--space-3)}.reorder-header-subtitle{margin:var(--space-1) 0 0;max-width:52rem;color:var(--neutral-600);font-size:.925rem}.reorder-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);color:var(--neutral-500);font-size:.875rem;white-space:nowrap}.reorder-card{min-height:auto;overflow:hidden}.reorder-controls{padding:var(--space-4);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.reorder-controls .toolbar-left{flex:1 1 20rem}.reorder-controls .toolbar-left .search-input{width:100%}.reorder-select-filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .875rem;border:.0625rem solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;font-size:.875rem;color:var(--neutral-700)}.reorder-select-filter:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.reorder-select-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-500)}.reorder-select-filter select{min-width:10rem;border:0;background:transparent;color:var(--neutral-800);outline:none;font-size:.875rem}.reorder-alert{margin:var(--space-3) var(--space-4) 0;padding:.875rem var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);background:var(--neutral-50);color:var(--neutral-700);font-size:.875rem}.reorder-alert.is-error{background:var(--error-50);border-color:var(--error-200, #fecaca);color:var(--error-700, #b91c1c)}.reorder-alert.is-warning{background:var(--warning-50);border-color:var(--warning-200, #fde68a);color:var(--warning-800)}.reorder-groups-wrap{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.reorder-empty-state{border:1px dashed var(--neutral-300);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-5);text-align:center;color:var(--neutral-500);background:var(--neutral-50);font-size:.875rem}.prod-loading-spinner-container{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;text-align:center}.prod-loading-spinner-container.show{opacity:1;pointer-events:all}.prod-spinner{border:5px solid rgba(0,0,0,.1);border-left:5px solid #3457b1;border-radius:50%;width:3.75rem;height:3.75rem;animation:prod-spin 1s linear infinite;margin-bottom:1rem}@keyframes prod-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prod-loading-spinner-container p{margin-top:.9375rem;font-size:1.2em;color:#fafafa;margin:0}.reorder-vendor-group{border:.0625rem solid var(--neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.reorder-vendor-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--neutral-200);background:var(--neutral-50);cursor:pointer}.reorder-vendor-group-header.is-collapsed{border-bottom:0}.reorder-vendor-group-header:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.reorder-vendor-group-main{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.reorder-vendor-group-title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.reorder-vendor-group-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--neutral-900)}.reorder-vendor-group-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);color:var(--neutral-500);font-size:.8125rem}.reorder-status-pill,.reorder-reason-chip{display:inline-flex;align-items:center;justify-content:center;padding:.15rem var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;line-height:1.2}.reorder-status-pill.is-ready{background:var(--success-100, #dcfce7);color:var(--success-900, #166534)}.reorder-status-pill.is-warning,.reorder-reason-chip.is-warning{background:var(--warning-100, #fef3c7);color:var(--warning-800)}.reorder-status-pill.is-blocked,.reorder-reason-chip.is-blocked{background:var(--error-100, #fee2e2);color:var(--error-900, #991b1b)}.reorder-collapse-btn{flex-shrink:0}.reorder-collapse-btn .material-symbols-outlined{font-size:1.2rem}.reorder-vendor-group-body{padding:var(--space-1) var(--space-4) var(--space-4)}.reorder-candidate-columns,.reorder-candidate-row{display:grid;grid-template-columns:2rem minmax(18rem,2.3fr) minmax(6rem,.7fr) minmax(6rem,.7fr) minmax(6rem,.7fr) minmax(9.5rem,1fr);gap:var(--space-3);align-items:start}.reorder-candidate-columns{padding:.75rem 0;color:var(--neutral-500);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.reorder-candidate-row{padding:.75rem 0;border-top:1px solid var(--neutral-150)}.reorder-candidate-row:first-of-type{border-top:0}.reorder-candidate-row.is-blocked{opacity:.96}.reorder-cell{min-width:0}.reorder-cell-select{padding-top:.2rem}.reorder-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--brand-600)}.reorder-checkbox:disabled{cursor:not-allowed}.reorder-cell-product{display:flex;gap:var(--space-3);min-width:0}.reorder-product-thumb{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--neutral-100);border:.0625rem solid var(--neutral-200);color:var(--neutral-400);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;overflow:hidden;flex-shrink:0}.reorder-product-thumb img{width:100%;height:100%;object-fit:cover}.reorder-product-copy{min-width:0}.reorder-product-note{margin-top:var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-1)}.reorder-product-name{font-weight:600;font-size:.875rem;color:var(--neutral-900)}.reorder-product-name a{color:inherit;text-decoration:none}.reorder-product-name a:hover{color:var(--brand-600, #2563eb);text-decoration:underline}.reorder-product-meta{margin-top:.15rem;display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--neutral-500);font-size:.8125rem}.reorder-price-meta{color:var(--neutral-600)}.reorder-location-meta{color:var(--neutral-500)}.reorder-cell-metric strong{display:block;color:var(--neutral-900);font-size:.875rem;font-weight:600}.reorder-mobile-label{display:none;margin-bottom:.15rem;color:var(--neutral-500);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.reorder-reason-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.reorder-cell-qty{min-width:0}.reorder-qty-control{display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:center;gap:var(--space-1)}.reorder-qty-button,.reorder-qty-input{height:2rem;border:.0625rem solid var(--neutral-200);border-radius:var(--radius-md);background:#fff;color:var(--neutral-900);font:inherit;font-size:.875rem}.reorder-qty-button{display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.reorder-qty-button:hover:not(:disabled){background:var(--neutral-100);border-color:var(--neutral-300)}.reorder-qty-button:disabled{cursor:not-allowed;color:var(--neutral-400);background:var(--neutral-50)}.reorder-qty-input{width:100%;padding:0 var(--space-2);text-align:center}.reorder-qty-input:focus{outline:none;border-color:var(--brand-600);background:var(--neutral-50)}.reorder-summary-bar{position:sticky;bottom:var(--space-4);z-index:var(--z-base);margin-top:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:.0625rem solid var(--neutral-200);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-lg)}.reorder-summary-title{color:var(--neutral-900);font-size:.9375rem;font-weight:600}.reorder-summary-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);color:var(--neutral-500);font-size:.8125rem}.reorder-summary-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 1180px){.reorder-candidate-columns,.reorder-candidate-row{grid-template-columns:2rem minmax(14rem,1.8fr) minmax(5rem,.8fr) minmax(5rem,.8fr) minmax(5rem,.8fr) minmax(8.75rem,1fr)}}@media (max-width: 920px){.reorder-header-meta{align-items:flex-start}.reorder-vendor-group-header{flex-direction:column}.reorder-collapse-btn{align-self:flex-end}.reorder-summary-bar{flex-direction:column;align-items:stretch}.reorder-summary-actions{justify-content:stretch}.reorder-summary-actions .ghost-btn,.reorder-summary-actions .primary-btn{flex:1}}@media (max-width: 760px){.reorder-controls{flex-direction:column;align-items:stretch}.reorder-controls .toolbar-left{flex:unset}.reorder-select-filter{width:100%}.reorder-candidate-columns{display:none}.reorder-candidate-row{grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0}.reorder-cell-select{grid-row:span 5;padding-top:.35rem}.reorder-cell-product,.reorder-cell-metric{grid-column:2}.reorder-mobile-label{display:block}}@media (max-width: 520px){.reorder-page{padding-bottom:var(--space-4)}.reorder-groups-wrap{padding:var(--space-3)}.reorder-vendor-group-header,.reorder-vendor-group-body{padding-left:var(--space-3);padding-right:var(--space-3)}}.app-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#ffffffe6;border-bottom:.063rem solid #e5e7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .25rem .75rem #0f172a0f}@media (max-width: 64rem){.app-header{top:0;left:0;right:0;padding-top:.75rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:#fff}.app-header:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#fff;pointer-events:none}}.app-header .main-nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.app-header .main-nav a{text-decoration:none;color:#0f172a;padding:.5rem .9rem;border-radius:9999px;transition:background-color .2s,color .2s,box-shadow .2s;font-weight:600;font-size:.95rem}.app-header .main-nav a:hover{background-color:#f1f5f9;color:#0f172a}.app-header .main-nav a.active{background:#e6f4f1;color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e33}.app-header .user-actions{display:flex;align-items:center;gap:.75rem}.app-header .user-info{font-size:.95rem;color:#475569;font-weight:600}.app-header .profile-link{text-decoration:none;color:#0f766e;padding:.5rem .9rem;border-radius:9999px;transition:background-color .2s,color .2s;margin-right:.313rem;font-weight:600}.app-header .profile-link:hover{background-color:#e6f4f1;text-decoration:none}.app-header .profile-area{position:relative}.app-header .profile-picture{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 .25rem .5rem #0f172a14}.app-header .profile-dropdown{position:absolute;right:0;margin-top:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 .75rem 2rem #0f172a1f;border:1px solid #e5e7eb;z-index:9999;min-width:14.5rem;overflow:hidden}.app-header .profile-dropdown a,.app-header .profile-dropdown button{display:flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;color:#374151;text-decoration:none;background:none;border:none;cursor:pointer}.app-header .profile-dropdown a:hover,.app-header .profile-dropdown button:hover{background-color:#f3f4f6}.app-header .profile-dropdown .material-symbols-outlined{font-size:1.25rem;color:#9ca3af}.dropdown-item{display:flex;align-items:center;padding:.6rem 1rem;font-size:.92rem;color:#1f2937;text-decoration:none;background:none;border:none;cursor:pointer;gap:.75rem}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item .material-symbols-outlined{font-size:1.25rem;color:#9ca3af}.app-header .logout-button{text-align:left}.material-symbols-outlined{font-size:1.2rem!important}.mobile-menu-btn{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:.5rem;color:#0f172a;margin-right:.75rem;box-shadow:0 .25rem .5rem #0f172a0f}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:20000;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:100vw;background:#fff;z-index:20001;height:100dvh;max-height:100dvh;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:.75rem 0 2rem #0f172a26;border-right:1px solid #e5e7eb}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{padding:1.5rem 1.25rem;background:linear-gradient(135deg,#0f766e,#0f172a);color:#fff;position:relative}.mobile-user-row{display:flex;align-items:center;justify-content:space-between;cursor:default;gap:.75rem}.mobile-user-details{display:flex;flex-direction:column;min-width:0;padding-right:3rem}.mobile-user-name{font-weight:600;font-size:1rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-email{font-size:.8rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#fffffff2;border:1px solid rgba(15,23,42,.12);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .5rem 1rem #0f172a33}.mobile-drawer-close .material-symbols-outlined{font-size:1.25rem}.mobile-user-arrow{color:#ffffffe6;font-size:1.5rem}.mobile-nav-list{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-nav-link{display:flex;align-items:center;padding:.95rem 1.5rem;text-decoration:none;color:#334155;font-size:.95rem;font-weight:600;gap:1rem;border-left:4px solid transparent;transition:background-color .2s,color .2s}.mobile-nav-link:hover{background-color:#f8fafc}.mobile-nav-link.active{background-color:#e6f4f1;color:#0f766e;border-left-color:#0f766e}.mobile-nav-link .nav-icon,.mobile-nav-link .nav-symbol{color:#94a3b8;font-size:1.25rem}.mobile-nav-link.active .nav-icon,.mobile-nav-link.active .nav-symbol{color:#0f766e}.mobile-nav-divider{height:1px;background:#e5e7eb;margin:.5rem 1.5rem}.mobile-nav-section{margin:.5rem 1.5rem .25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}.mobile-nav-link-button{text-align:left;width:100%;border:none;background:transparent}@media (max-width: 64rem){.app-header .desktop-nav,.app-header .desktop-user-actions{display:none}.mobile-menu-btn{display:block}.app-header{justify-content:flex-end}}*,*:before,*:after{box-sizing:border-box}:root{--brand-50: #f0f9fa;--brand-100: #d9f0f2;--brand-200: #b3e0e5;--brand-300: #7fccb7;--brand-400: #4db8a4;--brand-500: #1d3642;--brand-600: #1d3642;--brand-700: #045c67;--brand-800: #034651;--brand-900: #023840;--neutral-50: #fafafa;--neutral-100: #f9fafb;--neutral-150: #f5f5f7;--neutral-200: #e6e6e9;--neutral-250: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-500: #16a34a;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #166534;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-900: #991b1b;--warning-50: #fef3c7;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--info-50: #eff6ff;--info-100: #e0ecff;--info-200: #cbd5f5;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--accent-yellow: #f7c85a;--accent-yellow-hover: #f3be3c;--accent-yellow-dark: #f6c64f;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 9999;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container-sm{max-width:48rem}.page-wrapper{min-height:100vh;background:var(--neutral-150);padding:var(--space-6)}.section{margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.btn-primary:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700)}.btn-secondary{background:var(--neutral-900);color:#fff;border-color:var(--neutral-900)}.btn-secondary:hover:not(:disabled){background:var(--neutral-800);border-color:var(--neutral-800)}.btn-accent{background:var(--accent-yellow);color:var(--neutral-900);border-color:var(--accent-yellow)}.btn-accent:hover:not(:disabled){background:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover)}.btn-ghost{background:transparent;color:var(--brand-600);border-color:var(--brand-600)}.btn-ghost:hover:not(:disabled){background:var(--neutral-50)}.btn-destructive{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-destructive:hover:not(:disabled){background:var(--error-600);border-color:var(--error-600)}.btn-default{background:#fff;color:var(--neutral-700);border-color:var(--neutral-300)}.btn-default:hover:not(:disabled){background:var(--neutral-100);border-color:var(--neutral-300)}.btn-sm{height:2rem;padding:0 .5rem;font-size:.8125rem}.btn-md{height:2.25rem;padding:0 .9rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.btn-xl{height:3.25rem;padding:0 2rem;font-size:1rem}.btn-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-lg)}.btn-icon.btn-sm{width:2rem;height:2rem}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;width:100%;margin-bottom:var(--space-5)}.form-row .form-group{margin-bottom:0}.form-row:last-child{margin-bottom:0}.form-field{flex:1 1 14rem;min-width:0}.form-checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.form-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--brand-600)}.form-label{font-size:.875rem;font-weight:600;color:var(--neutral-700)}.form-input,.form-select,.form-textarea,input[type=text]:not([class*=raw]),input[type=email]:not([class*=raw]),input[type=password]:not([class*=raw]),input[type=number]:not([class*=raw]),input[type=search]:not([class*=raw]),input[type=tel]:not([class*=raw]),input[type=url]:not([class*=raw]),input[type=date]:not([class*=raw]),select:not([class*=raw]),textarea:not([class*=raw]){width:100%;padding:.25rem .75rem;border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:.875rem;color:var(--neutral-900);background:#fff;transition:border-color .15s ease,background-color .15s ease;font-family:var(--font-base);box-sizing:border-box}.form-textarea,textarea:not([class*=raw]){height:auto;min-height:6rem}.form-input::placeholder,.form-textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--neutral-400)}.form-input:hover:not(:focus):not(:disabled),.form-select:hover:not(:focus):not(:disabled),.form-textarea:hover:not(:focus):not(:disabled),input:not([class*=raw]):hover:not(:focus):not(:disabled),select:not([class*=raw]):hover:not(:focus):not(:disabled),textarea:not([class*=raw]):hover:not(:focus):not(:disabled){border-color:var(--neutral-400)}.form-input:focus,.form-select:focus,.form-textarea:focus,input:not([class*=raw]):focus,select:not([class*=raw]):focus,textarea:not([class*=raw]):focus{outline:none;border-color:var(--brand-400);background:var(--neutral-50)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,input:disabled,select:disabled,textarea:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.6}.form-input-sm{height:2rem;padding:.25rem .5rem;font-size:.8125rem}.form-input-md{height:2.375rem;padding:.5rem .75rem}.form-input-lg{height:3rem;padding:.75rem 1rem;font-size:.95rem}.form-input-xl{height:3.25rem;padding:.875rem 1rem;font-size:1rem}.form-textarea{min-height:6rem;resize:vertical;line-height:1.5}.form-helper{font-size:.75rem;color:var(--neutral-500);margin-top:-.25rem}.form-error{font-size:.75rem;color:var(--error-600);margin-top:-.25rem}.search-group{display:flex;align-items:center;background:var(--neutral-250);border-radius:var(--radius-full);padding:.35rem .75rem;gap:var(--space-2);min-height:2.25rem}.search-icon{color:var(--neutral-500);font-size:1.125rem}.search-input{border:none;background:transparent;outline:none;font-size:.875rem;flex:1;color:var(--neutral-900);height:auto;padding:0;width:auto}.search-input::placeholder{color:var(--neutral-500)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden}.card-shadow{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250)}.card-title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.card-subtitle{font-size:.875rem;color:var(--neutral-500);margin-top:var(--space-1)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.panel{background:#fff;border:1px solid var(--neutral-250);border-radius:var(--radius-xl);padding:var(--space-4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:min(32rem,92vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm{width:min(26rem,92vw)}.modal-md{width:min(32rem,92vw)}.modal-lg{width:min(48rem,92vw)}.modal-xl{width:min(64rem,92vw)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--neutral-250);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--neutral-400);padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--neutral-600);background:var(--neutral-100)}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);background:var(--neutral-50);border-top:1px solid var(--neutral-250);display:flex;justify-content:flex-end;gap:var(--space-3)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background:var(--neutral-100);border-bottom:1px solid var(--neutral-250)}.table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table td{padding:.75rem 1rem;color:var(--neutral-900);border-bottom:1px solid var(--neutral-100);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--neutral-50)}.table-row-clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--success-100);color:var(--success-900)}.badge-error{background:var(--error-100);color:var(--error-900)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-neutral{background:var(--neutral-200);color:var(--neutral-700)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.425rem .85rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base)}.chip-default{background:transparent;color:var(--neutral-700)}.chip-default:hover{background:var(--neutral-300)}.chip-active{background:var(--brand-700);color:#fff}.alert{padding:.875rem 1rem;border-radius:var(--radius-xl);border:1px solid;margin-bottom:var(--space-4);font-size:.95rem}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-900)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-info{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.toast-container{position:fixed;right:var(--space-5);bottom:var(--space-5);display:grid;gap:var(--space-3);z-index:var(--z-notification)}.toast{min-width:240px;max-width:360px;padding:.75rem .9rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--neutral-250);box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--neutral-900);font-size:.95rem}.toast-message{flex:1}.toast-close{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--neutral-500)}.toast-success{border-color:var(--success-200);background:var(--success-50)}.toast-error{border-color:var(--error-200);background:var(--error-50)}.toast-info{border-color:var(--info-200);background:var(--info-50)}.text-primary{color:var(--brand-600)}.text-secondary{color:var(--neutral-600)}.text-muted{color:var(--neutral-500)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.text-warning{color:var(--warning-600)}.bg-primary{background-color:var(--brand-600)}.bg-neutral{background-color:var(--neutral-100)}.bg-success{background-color:var(--success-50)}.bg-error{background-color:var(--error-50)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media (max-width: 48rem){.page-wrapper,.card-body{padding:var(--space-4)}.form-row{flex-direction:column;align-items:stretch}.form-field{flex:auto;width:100%}.modal{width:92vw}input,select,textarea,button{font-size:16px}}.prod-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #ddd;border-radius:.5rem;box-shadow:0 .25rem 1rem #0000001a;min-width:12rem;width:max-content;max-width:min(24rem,100%);max-height:25rem;overflow-y:auto;z-index:1100;padding:.5rem 0;font-size:.875rem;font-weight:400;line-height:normal;color:#222}.prod-dropdown-item{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.875rem;font-weight:400;line-height:normal;margin:0;transition:background .15s ease;color:#222}.prod-dropdown-item:hover{background:#f5f5f5}.prod-dropdown-item.prod-dropdown-active{background:#e8f0fe;color:var(--brand-600)}@media (max-width: 48rem){.prod-filter-dropdown:last-child .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(2) .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(3) .prod-dropdown-menu{left:auto;right:0}}@media (min-width: 48.01rem){.prod-filter-dropdown:last-child .prod-dropdown-menu,.prod-filter-dropdown:nth-last-child(2) .prod-dropdown-menu{left:auto;right:0}}.po-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182740;display:flex;align-items:center;justify-content:center;z-index:10000}.po-product-modal{width:min(900px,92vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000026;display:flex;flex-direction:column;overflow:hidden;max-height:80vh}.po-scan-modal{width:min(560px,92vw);background:#fff;border-radius:14px;box-shadow:0 18px 50px #00000026;display:flex;flex-direction:column;overflow:hidden}.barcode-modal{min-height:70vh;background:var(--neutral-150)}.barcode-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:var(--space-2);padding:.85rem var(--space-4);background:#fff;border-bottom:1px solid var(--neutral-200)}.barcode-back{width:40px;height:40px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-600);cursor:pointer}.barcode-title{text-align:center;font-weight:700;color:var(--brand-600);font-size:1.05rem}.barcode-spacer{width:40px;height:40px}.barcode-list{padding:var(--space-3) var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.barcode-list-header{display:grid;grid-template-columns:32px 1fr auto;align-items:center;background:var(--neutral-250);border-radius:10px;padding:.6rem var(--space-3);font-weight:600;color:var(--neutral-600)}.barcode-count{width:26px;height:26px;border-radius:var(--radius-full);background:var(--neutral-300);color:var(--neutral-900);display:flex;align-items:center;justify-content:center;font-size:.9rem}.barcode-label{padding-left:var(--space-2)}.barcode-edit{border:2px solid var(--neutral-500);border-radius:12px;padding:.35rem var(--space-4);background:#fff;color:var(--neutral-500);font-weight:600;cursor:pointer}.barcode-edit-placeholder{width:70px;height:32px}.barcode-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem var(--space-3);background:#fff;border-radius:10px;box-shadow:0 1px #0f172a14;font-size:1.05rem;color:var(--neutral-900)}.barcode-star{color:var(--warning-500)}.barcode-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.barcode-btn{border:2px solid var(--neutral-500);border-radius:12px;padding:var(--space-3) var(--space-4);background:#fff;color:var(--neutral-500);font-weight:600;cursor:pointer}.barcode-error{color:var(--error-700);font-size:.9rem}.barcode-manual{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem}.barcode-manual-sheet{width:min(500px,92vw);background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);display:grid;gap:var(--space-4);box-shadow:0 4px 20px #0003;position:relative;box-sizing:border-box}.barcode-manual-close{position:absolute;top:-var(--space-3);right:-var(--space-3);width:var(--space-8);height:var(--space-8);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:var(--neutral-700)}.barcode-input{height:var(--space-12);border-radius:12px;border:1px solid var(--neutral-200);padding:0 var(--space-3);font-size:var(--space-4);width:100%;max-width:100%;box-sizing:border-box}.barcode-primary{height:var(--space-12);border-radius:12px;border:1px solid var(--brand-600);background:var(--brand-600);color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.barcode-primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.barcode-primary:disabled{opacity:1;background:var(--neutral-200);border-color:var(--neutral-200);color:var(--neutral-500);cursor:not-allowed}.barcode-scan{flex:1;display:grid;gap:var(--space-3);padding:var(--space-4);background:#0f172a26;position:relative}.barcode-scan .po-scan-reader{min-height:360px;border-radius:16px;position:relative}.barcode-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.barcode-frame span{position:absolute;width:28px;height:28px;border:3px solid white}.barcode-frame span:nth-child(1){top:12px;left:12px;border-right:none;border-bottom:none}.barcode-frame span:nth-child(2){top:12px;right:12px;border-left:none;border-bottom:none}.barcode-frame span:nth-child(3){bottom:12px;left:12px;border-right:none;border-top:none}.barcode-frame span:nth-child(4){bottom:12px;right:12px;border-left:none;border-top:none}.barcode-scan-hint{text-align:center;color:#fff;font-weight:600;margin-top:-var(--space-10)}.po-product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.po-scan-body{padding:var(--space-4) var(--space-5) var(--space-6);display:grid;gap:var(--space-3)}.po-scan-reader{width:100%;min-height:320px;border-radius:12px;border:1px solid var(--neutral-200);background:var(--neutral-900)}@tailwind base;@tailwind components;@tailwind utilities;:root{--app-header-height: 4.25rem;--app-mobile-header-height: var(--app-header-height)}@supports (padding-top: env(safe-area-inset-top)){:root{--app-header-height: calc(4.25rem + env(safe-area-inset-top)) }}html{min-height:100%;background:#fff;color-scheme:light}body,#root{min-height:100%;background:#fff}body{margin:0;min-height:100dvh;font-family:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}code{font-family:var(--font-mono)}.route-loading{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;color:var(--neutral-600);font-size:.95rem}@media (max-width: 48rem){input,select,textarea,button{font-size:16px}}