.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-bg-sidebar);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal)}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo-img{width:100%;max-width:180px;height:auto;object-fit:contain}.sidebar-logo-tagline{font-size:9px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.2px;text-align:center;line-height:1.3}.sidebar-nav{flex:1;padding:var(--space-sm) var(--space-sm);overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);margin-bottom:2px;border-radius:var(--radius-sm);color:var(--color-sidebar-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--color-bg-sidebar-hover);color:var(--color-sidebar-text-active)}.sidebar-nav-item.active{background:var(--color-bg-sidebar-active);color:var(--color-sidebar-text-active)}.sidebar-nav-icon{font-size:var(--font-size-lg);width:24px;text-align:center;flex-shrink:0}.sidebar-nav-group{margin-bottom:var(--space-xxs)}.sidebar-nav-group-title{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;padding:var(--space-sm) var(--space-sm) var(--space-xxs);-webkit-user-select:none;user-select:none}.sidebar-nav-divider{height:1px;background:#ffffff14;margin:var(--space-xs) var(--space-sm)}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(255,255,255,.08);font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.sidebar-overlay-visible{opacity:1;pointer-events:auto}}.app-shell{display:flex;min-height:100vh}.app-shell-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.app-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-md);height:var(--topbar-height);padding:0 var(--space-lg);background:var(--color-bg-topbar);border-bottom:1px solid var(--color-topbar-border)}.app-topbar-burger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;font-size:var(--font-size-xl);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.app-topbar-burger:hover{background:var(--color-bg-secondary)}.app-topbar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.app-topbar-user{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.app-topbar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.app-topbar-user-role{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-light);padding:2px var(--space-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.app-topbar-logout{font-size:var(--font-size-sm);color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xxs) var(--space-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.app-topbar-logout:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-light)}.app-content{flex:1;padding:var(--space-lg);background:var(--color-bg-secondary)}@media(max-width:768px){.app-shell-main{margin-left:0}.app-topbar-burger{display:flex}}.diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}.diagnostics-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0}.diagnostics-row+.diagnostics-row{border-top:1px solid var(--color-border-light)}.diagnostics-label{font-size:var(--font-size-md);color:var(--color-text-secondary)}.diagnostics-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:Consolas,SF Mono,JetBrains Mono,monospace}.diagnostics-banner-container{margin-bottom:var(--space-lg)}.diagnostics-updated{margin-top:var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.diagnostics-skeleton{display:flex;flex-direction:column;gap:var(--space-sm)}.diagnostics-skeleton-line{height:16px;background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-bg-secondary) 50%,var(--color-border-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s ease-in-out infinite}.diagnostics-skeleton-line:nth-child(1){width:80%}.diagnostics-skeleton-line:nth-child(2){width:60%}.diagnostics-skeleton-line:nth-child(3){width:70%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.showcase-section{margin-bottom:var(--space-xl)}.showcase-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-border-light)}.showcase-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}.showcase-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:80px}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.showcase-inputs{display:flex;flex-direction:column;gap:var(--space-sm);max-width:400px}.ui-modal-panel.print-preview-modal{width:96vw;max-width:96vw;height:92vh;max-height:92vh;display:flex;flex-direction:column}.print-preview-modal .ui-modal-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}.print-preview-toolbar{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.print-preview-content{flex:1;display:flex;min-height:0;background:var(--color-bg-tertiary, #f0f0f0)}.print-preview-iframe{width:100%;height:100%;border:none}.print-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-text-muted);flex:1}.print-preview-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:pp-spin .8s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.print-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-error);text-align:center;padding:var(--space-lg);flex:1}@media(max-width:768px){.ui-modal-panel.print-preview-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}}.balances-page{display:flex;flex-direction:column;gap:var(--space-md)}.branch-tabs{display:flex;gap:2px;margin-bottom:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:3px;width:fit-content}.branch-tab{padding:var(--space-xs) var(--space-md);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.branch-tab:hover{color:var(--color-text-primary)}.branch-tab.active{background:var(--color-bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.balances-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end}.balances-filters .ui-input-container{min-width:200px}.balances-table-wrapper{overflow-x:auto}.balances-grouped-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.balances-grouped-table thead th{text-align:left;padding:var(--space-sm) var(--space-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);border-bottom:2px solid var(--color-border);white-space:nowrap}.balance-group-row td{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);font-weight:var(--font-weight-semibold);color:var(--color-primary);border-bottom:1px solid var(--color-border)}.balance-group-icon{margin-right:var(--space-xs)}.balance-group-name{font-size:var(--font-size-sm)}.balance-item-row td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.06))}.balance-item-row:hover td{background:var(--color-bg-hover, rgba(0,0,0,.02))}.balance-sku-code{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.balance-qty{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.balance-unit{color:var(--color-text-muted);margin-left:var(--space-xs);font-size:var(--font-size-xs)}.balance-sum{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.balances-empty{text-align:center;padding:var(--space-xl)!important;color:var(--color-text-muted)}.receipt-page,.receipt-form{display:flex;flex-direction:column;gap:var(--space-md)}.receipt-lines{display:flex;flex-direction:column;gap:var(--space-sm)}.receipt-line{display:flex;gap:var(--space-sm);align-items:flex-end;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary)}.receipt-line .ui-input-container{flex:1}.receipt-line-qty{width:120px;flex:0 0 auto}.receipt-line-remove{flex:0 0 auto;align-self:flex-end}.receipt-actions{display:flex;gap:var(--space-sm);align-items:center}.receipt-comment{width:100%}.receipt-success{padding:var(--space-md);background:var(--color-success-bg, rgba(0, 200, 83, .1));border:1px solid var(--color-success, #00c853);border-radius:var(--radius-md);color:var(--color-success, #00c853);font-weight:var(--font-weight-medium)}.movements-page{display:flex;flex-direction:column;gap:var(--space-md)}.movements-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end}.movements-filters .ui-input-container,.movements-filters .movements-filter-select{min-width:160px}.movements-filter-select{display:flex;flex-direction:column;gap:4px}.movements-filter-select label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.movements-filter-select select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.movement-qty{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.movement-qty-positive{color:var(--color-success, #00c853)}.movement-qty-negative{color:var(--color-error, #f44336)}.movement-type-badge{display:inline-block;font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.cc-modal-wide.ui-modal-panel{max-width:680px}.cc-modal{box-sizing:border-box}.cc-loading{display:flex;justify-content:center;padding:2rem}.cc-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:1rem}.cc-table th{text-align:left;color:var(--color-text-muted);font-weight:500;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.02em}.cc-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border-light, rgba(255,255,255,.06))}.cc-name{font-weight:500;color:var(--color-text)}.cc-qty,.cc-price{white-space:nowrap;color:var(--color-text-muted)}.cc-total{white-space:nowrap;font-weight:600;color:var(--color-text)}.cc-action{width:32px;text-align:center}.cc-remove-btn{background:none;border:none;color:var(--color-danger, #ef4444);cursor:pointer;font-size:1rem;padding:.2rem .4rem;border-radius:4px;opacity:.6;transition:opacity .15s}.cc-remove-btn:hover{opacity:1;background:#ef44441a}.cc-remove-btn:disabled{opacity:.3;cursor:not-allowed}.cc-total-row td{border-top:2px solid var(--color-border);border-bottom:none;font-weight:600;padding-top:.75rem;color:var(--color-text)}.cc-total-value{font-size:1rem;color:var(--color-success, #22c55e)!important}.cc-empty{text-align:center;padding:2rem 1rem;color:var(--color-text-muted);font-size:.85rem;border:1px dashed var(--color-border);border-radius:8px;margin-bottom:1rem}.cc-add-btn-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.cc-add-form{background:var(--color-bg-subtle, rgba(255,255,255,.03));border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1rem}.cc-add-title{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:var(--color-text)}.cc-add-error{background:#ef44441a;color:var(--color-danger, #ef4444);padding:.5rem .75rem;border-radius:6px;font-size:.8rem;margin-bottom:.75rem}.cc-add-fields{display:flex;gap:.75rem;margin-bottom:.75rem}.cc-add-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.cc-add-field label{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.cc-add-field-qty{flex:0 0 120px}.cc-add-actions{display:flex;justify-content:flex-end;gap:.5rem}.cc-modal-footer{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--color-border)}.sku-page{display:flex;flex-direction:column;gap:var(--space-lg)}.sku-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.sku-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.sku-page-header-actions{display:flex;gap:var(--space-xs)}.sku-page-body{display:flex;gap:var(--space-lg)}.sku-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.sku-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.sku-groups-sidebar{width:240px;min-width:200px;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.sku-groups-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.sku-groups-sidebar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.sku-groups-tree{display:flex;flex-direction:column;gap:2px}.sku-group-item{display:flex;align-items:center;padding:0;border-radius:var(--radius-sm);transition:background .15s;width:100%;border:none;background:none;outline:none}.sku-group-item:hover{background:var(--color-bg-hover)}.sku-group-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.sku-group-item-btn{display:flex;align-items:center;gap:var(--space-xs);flex:1;min-width:0;padding:var(--space-xs) var(--space-sm);border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);color:inherit;text-align:left;outline:none}.sku-group-item-count{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.sku-group-edit-btn{border:none;background:none;cursor:pointer;padding:2px 6px;font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.sku-group-item:hover .sku-group-edit-btn{opacity:1}.sku-group-edit-btn:hover{color:var(--color-primary)}.sku-group-children{padding-left:var(--space-md)}.sku-group-all{font-weight:var(--font-weight-medium);outline:none;cursor:pointer}.sku-page-table-section{flex:1;min-width:0}.sku-page-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center}.sku-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.sku-inactive-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-text-muted);color:var(--color-bg-card);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sku-actions-cell{display:flex;align-items:center;gap:2px}.sku-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:15px;line-height:1;color:var(--color-text-secondary);transition:background .15s,color .15s,transform .12s;flex-shrink:0}.sku-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:scale(1.1)}.sku-icon-btn--danger:hover{background:var(--color-danger-light, rgba(220, 53, 69, .1));color:var(--color-danger)}.sku-form,.sku-group-form{display:flex;flex-direction:column;gap:var(--space-md)}.sku-form-error,.sku-group-form-error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.sku-form-actions,.sku-group-form-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm)}@media(max-width:768px){.sku-page-body{flex-direction:column}.sku-groups-sidebar{width:100%;min-width:unset}}.sku-sort-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:background .15s,color .15s;flex-shrink:0}.sku-sort-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sku-sort-toggle.active{background:var(--color-primary-light);color:var(--color-primary)}.sku-sort-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:16px;border:none;background:none;cursor:pointer;font-size:9px;color:var(--color-text-muted);padding:0;line-height:1;border-radius:2px;transition:background .12s,color .12s}.sku-sort-arrow:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-primary)}.sku-sort-arrow:disabled{opacity:.25;cursor:default}.sku-group-arrows{display:flex;flex-direction:column;gap:0;flex-shrink:0;margin-right:2px}.sku-table-arrows{display:flex;flex-direction:column;align-items:center;gap:0}.suppliers-page{display:flex;flex-direction:column;gap:var(--space-lg)}.suppliers-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.suppliers-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.suppliers-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.suppliers-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.suppliers-page-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.suppliers-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.supplier-expand-btn{background:none;border:none;cursor:pointer;padding:2px 6px;font-size:var(--font-size-xs);color:var(--color-text-muted);transition:color .15s}.supplier-expand-btn:hover{color:var(--color-primary)}.supplier-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ui-table-expansion-row{background:var(--color-bg-page, #fafbfc)}.ui-table-expansion-cell{padding:0!important}.supplier-details{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.supplier-detail-section{border:1px solid var(--color-border-light, rgba(0,0,0,.08));border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.supplier-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.supplier-detail-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.supplier-detail-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-xs) 0}.supplier-detail-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);margin-top:var(--space-xs)}.supplier-detail-table th{text-align:left;padding:var(--space-xs) var(--space-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.08))}.supplier-detail-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.04))}.supplier-notes{border:1px solid var(--color-border-light, rgba(0,0,0,.08));border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.supplier-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.supplier-notes-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.supplier-notes-status{font-size:var(--font-size-xs);transition:color .2s}.supplier-notes-status.saved{color:var(--color-success, #22c55e)}.supplier-notes-status.unsaved{color:var(--color-text-muted)}.supplier-notes-textarea{width:100%;min-height:120px;padding:var(--space-sm);border:1px solid var(--color-border-light, rgba(0,0,0,.1));border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-card);resize:vertical;transition:border-color .15s}.supplier-notes-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4285f426}.supplier-notes-textarea::placeholder{color:var(--color-text-muted)}.supplier-form,.supplier-contact-form{display:flex;flex-direction:column;gap:var(--space-md)}.supplier-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.supplier-form-error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.supplier-form-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm)}.suppliers-actions-cell{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media(max-width:768px){.supplier-form-row{grid-template-columns:1fr}}.pp-page{display:flex;flex-direction:column;gap:var(--space-lg)}.pp-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.pp-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.pp-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.pp-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.pp-category-section{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.pp-category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.pp-category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;display:inline-flex;align-items:center;gap:var(--space-xs)}.pp-category-rename-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);opacity:0;transition:opacity .15s;padding:2px 4px;border-radius:var(--radius-sm);line-height:1}.pp-category-header:hover .pp-category-rename-btn{opacity:.5}.pp-category-rename-btn:hover{opacity:1!important;background:var(--color-bg-hover)}.pp-category-rename-input{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);outline:none;background:var(--color-bg-card);color:var(--color-text-secondary);min-width:160px}.pp-category-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pp-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);transition:background .15s}.pp-row:last-child{border-bottom:none}.pp-row:hover{background:var(--color-bg-hover)}.pp-row-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);min-width:0}.pp-row-unit{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:60px;text-align:center}.pp-row-price{min-width:120px;text-align:right}.pp-row-price-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background .15s;border:1px solid transparent}.pp-row-price-display:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.pp-row-price-input{width:100px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);outline:none;text-align:right;background:var(--color-bg-card);color:var(--color-text-primary)}.pp-row-linked{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:40px;text-align:center}.pp-row-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.pp-form{display:flex;flex-direction:column;gap:var(--space-md)}.pp-form-error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.pp-form-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm)}.users-page{display:flex;flex-direction:column;gap:var(--space-lg)}.users-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.users-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.users-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.users-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.users-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.users-actions-cell{display:flex;gap:var(--space-xs);flex-wrap:wrap}.confirm-modal-message{margin:0 0 var(--space-lg);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-xs)}.password-modal-content{margin-bottom:var(--space-lg)}.password-modal-warning{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-warning-light);border-radius:var(--radius-sm);color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.password-modal-value-row{display:flex;align-items:center;gap:var(--space-sm)}.password-modal-value{flex:1;display:block;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.15em;text-align:center;color:var(--color-text-primary);-webkit-user-select:all;user-select:all}.password-modal-actions{display:flex;justify-content:flex-end}.create-user-form{display:flex;flex-direction:column;gap:var(--space-md)}.create-user-error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.create-user-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-sm)}.integrations-panel{margin-top:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.integrations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.integrations-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.integrations-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-md)}.integrations-loading,.integrations-error{padding:var(--space-lg);text-align:center}.integrations-error{color:var(--color-danger)}.integrations-table-wrapper{overflow-x:auto}.integrations-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.integrations-table th{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.integrations-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.integrations-table tr:last-child td{border-bottom:none}.integrations-table .editing-row{background:var(--color-bg-secondary)}.config-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.config-key{background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.config-value{background:var(--color-primary-light, #e8f0fe);padding:2px 8px;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.config-description{color:var(--color-text-secondary)}.integrations-input{width:100%;min-width:120px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary)}.integrations-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light, rgba(59, 130, 246, .15))}.integrations-input--id{max-width:140px;font-family:monospace}.integrations-actions{display:flex;gap:var(--space-xs);white-space:nowrap}.integrations-empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-lg)!important}.orders-page{display:flex;flex-direction:column;gap:var(--space-lg)}.orders-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.orders-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.orders-page-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.orders-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.orders-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.orders-page-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.orders-filter-group{display:flex;flex-direction:column;gap:var(--space-xxs)}.orders-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.orders-status-checkboxes{display:flex;gap:var(--space-xs);flex-wrap:wrap}.orders-status-checkbox{display:flex;align-items:center;gap:var(--space-xxs);cursor:pointer;padding:var(--space-xxs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background var(--transition-fast);-webkit-user-select:none;user-select:none}.orders-status-checkbox:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.orders-status-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.orders-date-range{display:flex;align-items:center;gap:var(--space-xxs)}.orders-date-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-card);transition:border-color var(--transition-fast);max-width:150px}.orders-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.orders-date-separator{color:var(--color-text-muted);font-size:var(--font-size-sm)}.orders-filter-search{flex:1;min-width:200px}.orders-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.orders-positions-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-xs);border-radius:var(--radius-full);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ui-table tbody tr[data-clickable=true]{cursor:pointer;transition:background var(--transition-fast)}.ui-table tbody tr[data-clickable=true]:hover{background:var(--color-primary-light)}@media(max-width:768px){.orders-page-filters{flex-direction:column;align-items:stretch}.orders-filter-search{min-width:unset}.orders-date-range{flex-wrap:wrap}.orders-date-input{max-width:unset;flex:1}}.cost-overrides-modal{max-width:560px}.cost-overrides-hint{font-size:13px;color:var(--text-secondary, #9ca3af);margin:0 0 16px;line-height:1.4}.cost-overrides-loading{text-align:center;color:var(--text-secondary, #9ca3af);padding:24px}.cost-overrides-table{width:100%;border-collapse:collapse;font-size:14px}.cost-overrides-table thead th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #6b7280);padding:4px 8px 8px;border-bottom:1px solid var(--border-subtle, #e5e7eb)}.cost-overrides-table tbody td{padding:8px;border-bottom:1px solid var(--border-subtle, #e5e7eb);color:var(--text-primary, #1f2937);vertical-align:middle}.cost-overrides-amount{font-weight:600;font-variant-numeric:tabular-nums}.cost-overrides-actions{display:flex;gap:4px;align-items:center}.cost-overrides-btn{background:none;border:1px solid transparent;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:14px;transition:all .15s}.cost-overrides-btn:hover{background:#ffffff14}.cost-overrides-btn--save{color:var(--color-success, #22c55e);font-weight:700}.cost-overrides-btn--cancel{color:var(--text-secondary, #9ca3af)}.cost-overrides-btn--edit,.cost-overrides-btn--delete{font-size:13px}.cost-overrides-btn--delete:hover{background:#ef444426}.cost-overrides-btn:disabled{opacity:.4;cursor:not-allowed}.cost-overrides-input{width:100%;padding:6px 8px;border:1px solid var(--border-subtle, #e5e7eb);border-radius:6px;background:var(--bg-input, #fff);color:var(--text-primary, #1f2937);font-size:13px;outline:none;transition:border-color .15s}.cost-overrides-input:focus{border-color:var(--color-primary, #3b82f6)}.cost-overrides-input--amount{width:90px;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cost-overrides-input--amount::-webkit-outer-spin-button,.cost-overrides-input--amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cost-overrides-add-row td{border-bottom:none;padding-top:12px}.cost-overrides-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-subtle, #e5e7eb)}.cost-summary-block{margin-top:24px;padding:20px;background:var(--bg-surface, #1a1d23);border:1px solid var(--border-subtle, #2a2d35);border-radius:12px}.cost-summary-title{font-size:14px;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.cost-summary-total{font-size:28px;font-weight:700;color:var(--text-primary, #f9fafb);margin-bottom:16px}.cost-summary-lines{display:flex;flex-direction:column;gap:8px}.cost-summary-line{display:flex;align-items:baseline;font-size:14px;color:var(--text-secondary, #9ca3af)}.cost-summary-line--hidden{color:var(--color-warning, #f59e0b)}.cost-summary-line-label{flex-shrink:0;display:flex;align-items:center;gap:6px}.cost-summary-badge{font-size:10px;padding:1px 5px;border-radius:4px;background:#f59e0b26;color:var(--color-warning, #f59e0b);font-weight:500}.cost-summary-line-dots{flex:1;border-bottom:1px dotted var(--border-subtle, #2a2d35);margin:0 8px;min-width:20px}.cost-summary-line-value{flex-shrink:0;font-weight:600;color:var(--text-primary, #f9fafb)}.cost-summary-loading{padding:16px;text-align:center;color:var(--text-secondary, #9ca3af);font-size:13px}.returns-panel{margin-top:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.returns-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.returns-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.returns-panel-count{font-size:var(--font-size-xs);background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.return-card{border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-xs);overflow:hidden;transition:border-color var(--transition-fast)}.return-card:hover{border-color:var(--color-border)}.return-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;background:var(--color-bg-secondary);-webkit-user-select:none;user-select:none}.return-card-header:hover{background:var(--color-border-light)}.return-card-left{display:flex;align-items:center;gap:var(--space-sm)}.return-card-chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform .2s;width:16px;text-align:center}.return-card-chevron.expanded{transform:rotate(90deg)}.return-card-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.return-card-comment{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-xxs)}.return-card-right{display:flex;align-items:center;gap:var(--space-sm)}.return-card-items-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.return-status-badge{font-size:.7rem;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.return-status-badge.info{background:var(--color-info-light);color:var(--color-info)}.return-status-badge.success{background:var(--color-success-light);color:var(--color-success)}.return-status-badge.warning{background:var(--color-warning-light);color:var(--color-warning)}.return-status-badge.neutral{background:var(--color-neutral-light);color:var(--color-neutral)}.return-card-body{padding:var(--space-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-card)}.return-lines-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.return-lines-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;padding:var(--space-xxs) var(--space-sm);border-bottom:1px solid var(--color-border-light)}.return-lines-table td{padding:var(--space-xxs) var(--space-sm);vertical-align:middle}.return-lines-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border-light)}.return-line-sku{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.return-line-unit{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:4px}.return-line-qty{text-align:center;font-variant-numeric:tabular-nums;min-width:60px}.return-line-progress{width:60px;height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:var(--space-xxs)}.return-line-progress-bar{height:100%;background:var(--color-success);border-radius:3px;transition:width .3s}.return-line-input{width:72px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);text-align:center;font-variant-numeric:tabular-nums;background:var(--color-bg-card)}.return-line-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.return-line-input::-webkit-outer-spin-button,.return-line-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.return-line-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.return-receive-actions{display:flex;justify-content:flex-end;margin-top:var(--space-sm);gap:var(--space-sm)}.returns-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-md)}.returns-empty-icon{font-size:2rem;margin-bottom:var(--space-xxs);opacity:.5}.create-return-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s}.create-return-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);width:min(560px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .2s}.create-return-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.create-return-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.create-return-close{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--color-text-muted);padding:4px 8px;border-radius:var(--radius-sm)}.create-return-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.create-return-body{padding:var(--space-md) var(--space-lg);overflow-y:auto;flex:1}.create-return-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.create-return-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;padding:var(--space-xxs) var(--space-sm);border-bottom:1px solid var(--color-border-light)}.create-return-table td{padding:var(--space-xxs) var(--space-sm);vertical-align:middle}.create-return-max{font-size:var(--font-size-xs);color:var(--color-text-muted)}.create-return-comment{width:100%;margin-top:var(--space-md);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);resize:vertical;min-height:48px;background:var(--color-bg-card);font-family:var(--font-family)}.create-return-comment:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.create-return-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--space-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.order-detail-page{max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-lg) 100px;animation:odp-fade-in .3s ease}@keyframes odp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.order-detail-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.order-detail-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.order-detail-back-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-primary)}.order-detail-title{flex:1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.order-detail-header-actions{flex-shrink:0}.order-status-bar{display:flex;align-items:center;gap:0;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);position:relative}.order-status-step{display:flex;align-items:center;gap:var(--space-xs);flex:1;position:relative}.order-status-step:not(:last-child):after{content:"";flex:1;height:2px;background:var(--color-border);margin:0 var(--space-sm)}.order-status-step.done:not(:last-child):after{background:var(--color-success)}.order-status-step.active:not(:last-child):after{background:linear-gradient(to right,var(--color-primary) 50%,var(--color-border) 50%)}.order-status-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;border:2px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-muted);transition:all var(--transition-normal)}.order-status-step.done .order-status-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.order-status-step.active .order-status-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 3px var(--color-primary-light)}.order-status-step.cancelled .order-status-dot{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.order-status-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap}.order-status-step.active .order-status-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.order-status-step.done .order-status-label{color:var(--color-success)}.order-status-step.cancelled .order-status-label{color:var(--color-danger)}.order-detail-success-banner{margin-bottom:var(--space-md)}.order-detail-errors{background:var(--color-danger-light);border:1px solid rgba(231,76,60,.25);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.order-detail-errors-title{font-weight:var(--font-weight-semibold);color:var(--color-danger);margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.order-detail-errors ul{list-style:none;padding:0;margin:0}.order-detail-errors li{color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-xxs) 0}.order-detail-errors li:before{content:"• "}.order-info-strip{display:flex;align-items:flex-end;gap:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.order-info-strip-field{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.order-info-strip-field--wide{flex:1.5}.order-info-strip-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.order-info-strip-input{width:100%;padding:5px var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:32px;box-sizing:border-box}.order-info-strip-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring);background:var(--color-bg-primary)}.order-info-strip-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.order-two-panel{display:flex;gap:var(--space-md);align-items:flex-start}.order-two-panel-main{flex:1;min-width:0}.order-active-section{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:visible}.order-active-section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);border-left:4px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.order-active-section-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;text-shadow:0 1px 1px rgba(0,0,0,.15)}.order-active-section-title{flex:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.order-active-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-xxs);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.order-active-section-body{padding:var(--space-sm) var(--space-md) var(--space-md);min-height:200px}.bom-sidebar{width:240px;flex-shrink:0;position:sticky;top:calc(var(--topbar-height, 56px) + var(--space-md));background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.bom-sidebar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.bom-sidebar-nav{display:flex;flex-direction:column;padding:var(--space-xxs) 0;max-height:calc(100vh - 300px);overflow-y:auto}.bom-sidebar-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:7px var(--space-md);border:none;background:transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast),color var(--transition-fast);border-left:3px solid transparent}.bom-sidebar-item:hover{background:var(--color-bg-secondary)}.bom-sidebar-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold);border-left-color:var(--color-primary)}.bom-sidebar-item.empty{color:var(--color-text-muted)}.bom-sidebar-item.empty .bom-sidebar-dot{opacity:.4}.bom-sidebar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bom-sidebar-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.3}.bom-sidebar-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0}.bom-sidebar-item.active .bom-sidebar-item-badge{background:var(--color-primary);color:#fff}.bom-sidebar-summary{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-light);text-align:center;font-weight:var(--font-weight-medium)}.bom-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin-top:var(--space-xs)}.bom-table th{text-align:left;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--color-border-light);white-space:nowrap}.bom-table td{padding:var(--space-xs) var(--space-sm);vertical-align:middle;border-bottom:1px solid var(--color-border-light)}.bom-table tbody tr:last-child td{border-bottom:none}.bom-table tbody tr:hover{background:#4c8bf50a}.bom-table input[type=text],.bom-table input[type=number]{width:100%;padding:5px var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.bom-table input[type=number]::-webkit-outer-spin-button,.bom-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bom-table input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bom-table input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.bom-table input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);border-color:transparent;cursor:not-allowed}.bom-table select{padding:5px var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;cursor:pointer}.bom-table select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.bom-table select:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.bom-col-narrow{width:80px}.bom-col-size,.bom-col-medium{width:120px}.bom-col-actions{width:44px;text-align:center}.bom-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.bom-remove-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.bom-add-btn{margin-top:var(--space-sm)}.bom-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-2xl) var(--space-md);font-style:italic}.bom-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.bom-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md) var(--space-md);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.bom-card:hover{border-color:var(--color-border);box-shadow:0 2px 8px #0000000f}.bom-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.bom-card-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px var(--space-xs);border-radius:var(--radius-sm)}.bom-card-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.bom-card-remove:hover{background:var(--color-danger-light);color:var(--color-danger);border-color:#e74c3c33}.bom-card-fields{display:flex;gap:var(--space-sm);align-items:flex-end}.bom-card-field{display:flex;flex-direction:column;gap:3px}.bom-card-field--sku{flex:2.5;min-width:0}.bom-card-field--qty{flex:0 0 80px}.bom-card-field--comment{flex:1.5;min-width:0}.bom-card-field-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.bom-card-input{width:100%;padding:7px var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:36px;box-sizing:border-box}.bom-card-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.bom-card-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);border-color:transparent;cursor:not-allowed}.bom-card-input[type=number]::-webkit-outer-spin-button,.bom-card-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bom-card-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;text-align:center}.bom-card-add{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-sm);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-xs)}.bom-card-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.bom-card-cutpieces{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-border-light)}.bom-card-cutpieces-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.bom-card-cutpieces-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.bom-card-cutpieces-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.bom-cutpiece-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;transition:border-color var(--transition-fast)}.bom-cutpiece-chip:hover{border-color:var(--color-border)}.bom-cutpiece-chip-dims{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.bom-cutpiece-chip-source{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.bom-cutpiece-chip-source input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.bom-cutpiece-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:50%;font-size:10px;transition:all var(--transition-fast);margin-left:2px}.bom-cutpiece-chip-remove:hover{background:var(--color-danger-light);color:var(--color-danger)}.bom-cutpiece-form{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-top:var(--space-xs)}.bom-cutpiece-form-field{display:flex;flex-direction:column;gap:3px;flex:1}.bom-cutpiece-form-field--narrow{flex:0 0 70px}.bom-cutpiece-form-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.bom-cutpiece-form-input{width:100%;padding:7px var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;height:36px;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.bom-cutpiece-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.bom-cutpiece-form-input::-webkit-outer-spin-button,.bom-cutpiece-form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bom-cutpiece-form-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bom-cutpiece-form-checkbox{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding-bottom:3px}.bom-cutpiece-form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.bom-cutpiece-form-cancel{border:none;background:none;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding-bottom:3px;text-decoration:underline;text-decoration-color:transparent;transition:all var(--transition-fast)}.bom-cutpiece-form-cancel:hover{color:var(--color-text-primary);text-decoration-color:currentColor}.sku-autocomplete{position:relative;min-width:180px}.sku-autocomplete-input{width:100%;padding:7px var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:36px;box-sizing:border-box}.sku-autocomplete-input--filled{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-bg-primary);cursor:default}.sku-autocomplete-value-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sku-autocomplete-value-unit{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.sku-autocomplete-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.sku-autocomplete-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.sku-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:400px;overflow-y:auto;z-index:100;margin-top:2px}.sku-autocomplete-group-header{position:sticky;top:0;padding:6px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);text-transform:uppercase;letter-spacing:.03em;z-index:1}.sku-autocomplete-option{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.sku-autocomplete-group .sku-autocomplete-option{padding-left:var(--space-md)}.sku-autocomplete-option:hover{background:var(--color-primary-light)}.sku-autocomplete-option-unit{margin-left:auto;color:var(--color-text-muted);font-size:var(--font-size-xs)}.sku-autocomplete-option-article{color:var(--color-text-muted);font-size:var(--font-size-xs)}.sku-autocomplete-loading,.sku-autocomplete-empty{padding:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.sku-autocomplete-clear{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;border-radius:50%;font-size:11px;flex-shrink:0;transition:all var(--transition-fast)}.sku-autocomplete-clear:hover{background:var(--color-danger-light);color:var(--color-danger)}.order-detail-footer{position:fixed;bottom:0;left:var(--sidebar-width);right:0;display:flex;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-primary);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000f;z-index:50}.order-detail-footer-spacer{flex:1}.order-detail-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.order-detail-error{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:var(--font-size-md)}.order-detail-back-link{margin-top:var(--space-sm)}.order-detail-readonly .bom-table input,.order-detail-readonly .bom-table select,.order-detail-readonly .order-info-strip-input{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:transparent;cursor:default}.order-detail-readonly .sku-autocomplete-selected{background:var(--color-bg-secondary);border-color:transparent;color:var(--color-text-primary)}@media(max-width:900px){.order-two-panel{flex-direction:column-reverse}.bom-sidebar{width:100%;position:static;max-height:none}.bom-sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;gap:0;max-height:none;padding:var(--space-xxs) var(--space-sm)}.bom-sidebar-item{flex-shrink:0;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);border-left:none;font-size:var(--font-size-xs);white-space:nowrap}.bom-sidebar-item.active{background:var(--color-primary);color:#fff;border-left:none}.bom-sidebar-item.active .bom-sidebar-item-badge{background:#ffffff4d;color:#fff}.bom-sidebar-summary,.bom-sidebar-title{display:none}}@media(max-width:768px){.order-info-strip{flex-wrap:wrap}.order-info-strip-field{flex:1 1 45%;min-width:120px}.order-info-strip-field--wide{flex-basis:100%}.order-detail-footer{left:0}.order-detail-page{padding:var(--space-sm) var(--space-sm) 100px}}.picking-panel{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);overflow:hidden}.picking-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.picking-panel-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.picking-panel-progress{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:2px var(--space-xs);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.picking-panel-summary{font-size:var(--font-size-sm);color:var(--color-text-muted)}.picking-banner{margin:var(--space-sm) var(--space-md) 0}.picking-table{margin:0}.picking-table thead th{background:var(--color-bg-primary)}.picking-qty{text-align:center;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.picking-sku-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.picking-sku-unit{margin-left:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-xs)}.picking-row-done{opacity:.6}.picking-row-done td{text-decoration:none}.picking-status-dot{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.picking-status-done{background:#2ecc7126;color:var(--color-success)}.picking-status-partial{background:#f1c40f26;color:var(--color-warning)}.picking-status-pending{background:var(--color-bg-secondary);color:var(--color-text-muted)}.picking-actions{display:flex;align-items:center;gap:var(--space-xxs);flex-wrap:nowrap}.picking-done-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-success);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.unreserve-modal-text{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:1.5}.unreserve-modal-field{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xxs)}.unreserve-modal-field textarea{width:100%;padding:var(--space-xs) var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;min-height:80px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.unreserve-modal-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.unreserve-modal-field textarea:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.unreserve-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.cancel-order-modal-text{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-lg);line-height:1.5}.cancel-order-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.picking-osb-section{border-top:1px solid var(--color-border-light);padding:var(--space-md)}.picking-osb-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.picking-osb-group{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.picking-osb-group-header{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.picking-osb-tasks{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.picking-osb-task{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-card);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.picking-osb-task-desc{font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:60px}.picking-osb-task-dims{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.picking-osb-task-qty{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.picking-osb-input-row{display:flex;align-items:center;gap:var(--space-sm)}.picking-osb-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.picking-osb-input{width:80px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;background:var(--color-bg-card);color:var(--color-text-primary);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.picking-osb-input::-webkit-outer-spin-button,.picking-osb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.picking-osb-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.picking-osb-actions{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.transfers-page{display:flex;flex-direction:column;gap:var(--space-lg)}.transfers-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.transfers-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.transfers-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.transfers-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.transfers-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.transfers-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-xs);border-radius:var(--radius-full);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.transfer-lines{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm)}.transfer-line-row{display:flex;gap:var(--space-sm);align-items:center}.transfer-line-sku{flex:3}.transfer-line-qty{flex:1;min-width:80px}.transfer-line-unit{width:40px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.transfer-line-remove{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xxs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.transfer-line-remove:hover{background:var(--color-danger-light, rgba(239, 68, 68, .1))}.transfers-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000)}.transfers-confirm-dialog{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:420px;width:90%;box-shadow:var(--shadow-lg)}.transfers-confirm-dialog h3{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.transfers-confirm-dialog p{margin:0 0 var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.transfers-confirm-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}@media(max-width:768px){.transfer-line-row{flex-wrap:wrap}.transfer-line-sku{flex:1 1 100%}.transfer-line-qty{flex:1}}.paint-page{display:flex;flex-direction:column;gap:var(--space-lg)}.paint-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.paint-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.paint-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.paint-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.paint-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.paint-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-xs);border-radius:var(--radius-full);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.paint-lines{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-sm)}.paint-line-row{display:flex;gap:var(--space-sm);align-items:flex-end;padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.paint-line-from,.paint-line-to{flex:3}.paint-line-arrow{flex:0 0 auto;font-size:var(--font-size-lg);color:var(--color-text-muted);padding-bottom:var(--space-xs)}.paint-line-qty{flex:1;min-width:80px}.paint-line-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xxs)}.paint-line-remove{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xxs);border-radius:var(--radius-sm);transition:background var(--transition-fast);align-self:center}.paint-line-remove:hover{background:var(--color-danger-light, rgba(239, 68, 68, .1))}.paint-receive-subtitle{margin:0 0 var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.paint-receive-table{display:grid;grid-template-columns:1.5fr 1.5fr .7fr .7fr .7fr 1fr;gap:var(--space-xs) var(--space-sm);align-items:center;font-size:var(--font-size-sm)}.paint-receive-header{display:contents;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.paint-receive-header>span{padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-xs)}.paint-receive-row{display:contents}.paint-receive-row>span{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.05))}.paint-receive-row--done>span{opacity:.5}.paint-remaining{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.paint-done{color:var(--color-success);font-weight:var(--font-weight-semibold)}.paint-done-label{color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media(max-width:768px){.paint-line-row{flex-wrap:wrap}.paint-line-from,.paint-line-to{flex:1 1 100%}.paint-line-arrow{display:none}.paint-receive-table{font-size:var(--font-size-xs);grid-template-columns:1fr 1fr .5fr .5fr .5fr .8fr}}.doorhan-progress-dots{display:inline-flex;align-items:center;gap:3px}.doorhan-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border);transition:all var(--transition-fast)}.doorhan-dot.done{background:#10b981}.doorhan-dot.active{background:var(--color-primary);box-shadow:0 0 0 2px #6366f140}.doorhan-flag{cursor:help;font-size:14px}.doorhan-flag--red{filter:saturate(1.3)}.doorhan-flag--yellow{filter:saturate(.8);opacity:.85}.doorhan-row-deadline-warn{background:#f59e0b14!important}.doorhan-row-deadline-danger{background:#ef44441a!important;border-left:3px solid #ef4444}.doorhan-row-deadline-overdue{background:#ef444424!important;border-left:3px solid #dc2626}.doorhan-row-deadline-warn td,.doorhan-row-deadline-danger td,.doorhan-row-deadline-overdue td{font-weight:500}.doorhan-deadline-cell{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.doorhan-days-badge{display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:2px 6px;border-radius:8px;white-space:nowrap}.doorhan-days-ok{color:#15803d;background:#22c55e1f}.doorhan-days-warn{color:#b45309;background:#f59e0b26}.doorhan-days-danger{color:#dc2626;background:#ef444426;animation:doorhan-pulse 2s ease-in-out infinite}.doorhan-days-overdue{color:#fff;background:#dc2626;animation:doorhan-pulse 2s ease-in-out infinite}@keyframes doorhan-pulse{0%,to{opacity:1}50%{opacity:.7}}.doorhan-create-page input[type=number]::-webkit-outer-spin-button,.doorhan-create-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.doorhan-create-page input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.doorhan-create-layout{display:flex;flex-direction:column;gap:var(--space-lg)}.doorhan-create-main{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.doorhan-strips{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-sm)}.doorhan-strip{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.doorhan-strip-row1{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:nowrap}.doorhan-strip-row2{display:flex;align-items:center;gap:var(--space-sm);padding-left:24px}.doorhan-strip-add-row{display:flex;justify-content:center;padding:2px 0}.doorhan-strip-add-btn{background:none;border:1px dashed var(--color-border, #d1d5db);border-radius:var(--radius-sm);color:var(--color-primary);font-size:12px;padding:2px 12px;cursor:pointer;transition:all .15s;opacity:.5}.doorhan-strip-add-btn:hover{opacity:1;border-color:var(--color-primary);background:#6366f10d}.doorhan-strip-num{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);min-width:18px;text-align:right}.doorhan-strip-input{padding:var(--space-xxs) var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.doorhan-strip-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.doorhan-strip-input--order{flex:1;min-width:100px}.doorhan-strip-input--size{width:80px}.doorhan-strip-input--qty{width:60px}.doorhan-strip-input--note{flex:1;min-width:100px}.doorhan-strip-select{padding:var(--space-xxs) var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex:1;min-width:90px;transition:border-color var(--transition-fast)}.doorhan-strip-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.doorhan-files-header{display:flex;align-items:center;gap:var(--space-md)}.doorhan-upload-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.doorhan-upload-type{min-width:200px;max-width:260px}.doorhan-upload-file{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.doorhan-progress-sidebar{position:sticky;top:var(--space-lg);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md)}.doorhan-progress-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.doorhan-progress-steps{display:flex;flex-direction:column;gap:0}.doorhan-progress-step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;position:relative}.doorhan-progress-step:not(:last-child):after{content:"";position:absolute;left:11px;top:32px;width:2px;height:calc(100% - 12px);background:var(--color-border-light)}.doorhan-progress-step.done:not(:last-child):after{background:var(--color-success)}.doorhan-progress-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;z-index:1;background:var(--color-bg-secondary);color:var(--color-text-muted);border:2px solid var(--color-border)}.doorhan-progress-step.active .doorhan-progress-dot{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.doorhan-progress-step.done .doorhan-progress-dot{background:var(--color-success);color:#fff;border-color:var(--color-success)}.doorhan-progress-label{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3}.doorhan-progress-step.active .doorhan-progress-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.doorhan-progress-step.done .doorhan-progress-label{color:var(--color-text-secondary)}.doorhan-page{display:flex;flex-direction:column;gap:var(--space-lg)}.doorhan-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.doorhan-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.doorhan-page-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.doorhan-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.doorhan-page-error{color:var(--color-danger);padding:var(--space-lg);text-align:center}.doorhan-page-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.doorhan-branch-toggle{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.doorhan-branch-toggle-btn{padding:var(--space-xxs) var(--space-md);border:none;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.doorhan-branch-toggle-btn+.doorhan-branch-toggle-btn{border-left:1px solid var(--color-border)}.doorhan-branch-toggle-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.doorhan-branch-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.doorhan-filters-bar{display:flex;align-items:center;gap:var(--space-sm);padding:8px 0;flex-wrap:wrap}.doorhan-tab-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.doorhan-tab-btn{padding:6px 16px;font-size:13px;font-weight:500;background:var(--color-bg-primary);color:var(--color-text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.doorhan-tab-btn:not(:last-child){border-right:1px solid var(--color-border)}.doorhan-tab-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.doorhan-tab-btn:hover:not(.active){background:var(--color-bg-elevated)}.doorhan-search-input{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-primary);background:var(--color-bg-primary);min-width:250px;transition:border-color var(--transition-fast)}.doorhan-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.doorhan-search-input::placeholder{color:var(--color-text-tertiary)}.doorhan-order-no-cell{font-weight:600;color:var(--color-primary);font-size:13px}.doorhan-table-footer{padding:8px 12px;font-size:12px;color:var(--color-text-tertiary);text-align:right;border-top:1px solid var(--color-border)}.doorhan-status-filter select{padding:var(--space-xxs) var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.doorhan-status-filter select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.doorhan-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-xs);border-radius:var(--radius-full);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.doorhan-deadline-ok{color:var(--color-success);font-weight:var(--font-weight-medium)}.doorhan-deadline-warn{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.doorhan-deadline-danger{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.doorhan-deadline-overdue{color:var(--color-danger);font-weight:var(--font-weight-semibold);text-decoration:underline}.doorhan-amount{font-variant-numeric:tabular-nums}.doorhan-form-section{display:flex;flex-direction:column;gap:var(--space-sm)}.doorhan-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.doorhan-form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.doorhan-items-header{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.doorhan-items-header h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.doorhan-item-card{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);position:relative}.doorhan-item-card-header{display:flex;align-items:center;gap:var(--space-sm)}.doorhan-item-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.doorhan-item-remove{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xxs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.doorhan-item-remove:hover{background:var(--color-danger-light, rgba(239, 68, 68, .1))}.doorhan-item-fields{display:grid;gap:var(--space-xs)}.doorhan-item-fields--params{grid-template-columns:1fr 1fr .7fr 1.3fr 1.3fr}.doorhan-item-fields--params select{width:100%}.doorhan-lock-section{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-xs) 0}.doorhan-lock-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.doorhan-lock-options{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.doorhan-radio-label{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;white-space:nowrap}.doorhan-radio-label input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;margin:0}.doorhan-lock-divider{color:var(--color-border);font-size:var(--font-size-sm);margin:0 var(--space-xxs)}.doorhan-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);margin-top:var(--space-md)}.doorhan-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.doorhan-detail-header{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.doorhan-detail-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.doorhan-detail-actions{display:flex;gap:var(--space-sm);margin-left:auto}.doorhan-detail-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm) var(--space-lg)}.doorhan-field{display:flex;flex-direction:column;gap:var(--space-xxs)}.doorhan-field--required{background:#fff5f5;border:2px solid #e53e3e;border-radius:var(--radius-md);padding:8px 12px;animation:doorhan-pulse-border 1.5s ease-in-out infinite}@keyframes doorhan-pulse-border{0%,to{border-color:#e53e3e}50%{border-color:#fc8181}}.stepper-action-hint--warn{background:#fffbeb;border:1px solid #f59e0b;border-radius:var(--radius-md);padding:10px 14px;color:#92400e;font-size:14px}.doorhan-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.doorhan-field-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.doorhan-field-value--empty{color:var(--color-text-muted)}.doorhan-spec-workspace{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px dashed var(--color-border)}.doorhan-spec-workspace .doorhan-section-title{margin-bottom:var(--space-md)}.doorhan-spec-grid{display:flex;gap:var(--space-lg);align-items:stretch;flex-wrap:wrap}.doorhan-spec-upload-col{flex:1;min-width:250px;display:flex;flex-direction:column}.doorhan-spec-action-col{flex:1.2;min-width:300px;display:flex;flex-direction:column;padding-left:var(--space-lg);border-left:1px solid var(--color-border-light)}@media(max-width:768px){.doorhan-spec-action-col{padding-left:0;border-left:none;border-top:1px solid var(--color-border-light);padding-top:var(--space-md)}}.doorhan-spec-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-sm) 0}.doorhan-spec-current-file{background:#f8fafc;border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:var(--space-md);flex-grow:1}.doorhan-spec-file-content{display:flex;align-items:flex-start;gap:12px}.doorhan-spec-file-icon{font-size:24px;line-height:1;color:var(--color-primary);background:#fff;padding:8px;border-radius:8px;border:1px solid var(--color-border-light);box-shadow:0 1px 2px #0000000d}.doorhan-spec-file-details{display:flex;flex-direction:column;gap:4px;overflow:hidden;flex:1}.doorhan-spec-file-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doorhan-spec-file-name{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doorhan-spec-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:12px;letter-spacing:.3px}.doorhan-spec-badge--signed{background:#dcfce7;color:#166534}.doorhan-spec-file-meta{font-size:12px;color:var(--color-text-muted)}.doorhan-spec-actions{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm)}.doorhan-spec-action-btn{flex:1;justify-content:center}.doorhan-spec-action-btn--primary{flex:2;background:var(--color-primary)}.doorhan-spec-action-btn--full{flex:1;width:100%}.doorhan-spec-no-file{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-grow:1;text-align:center}.doorhan-section{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.doorhan-section--accent{border-left:3px solid var(--color-primary)}.doorhan-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md)}.doorhan-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.doorhan-section-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.doorhan-section-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:opacity .15s}.doorhan-section-link:hover{opacity:.7}.doorhan-upload-inline{border:1px dashed var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-secondary)}.doorhan-check-icon{font-size:var(--font-size-md)}.doorhan-check-yes{color:var(--color-success)}.doorhan-check-no{color:var(--color-text-muted);opacity:.4}.doorhan-folder-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);border:1px solid var(--color-border-light)}.doorhan-folder-link:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.doorhan-files-list{display:flex;flex-direction:column;gap:var(--space-xs)}.doorhan-file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.doorhan-file-type-badge{display:inline-flex;padding:var(--space-xxs) var(--space-xs);background:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.doorhan-file-link{color:var(--color-primary);text-decoration:none}.doorhan-file-link:hover{text-decoration:underline}.doorhan-events-list{display:flex;flex-direction:column;gap:var(--space-xs)}.doorhan-event-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.doorhan-event-item:last-child{border-bottom:none}.doorhan-event-date{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;min-width:100px}.doorhan-event-action{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.doorhan-event-user{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.doorhan-checklist{display:flex;flex-direction:column;gap:var(--space-lg)}.doorhan-checklist-table{display:grid;grid-template-columns:2fr .6fr .6fr .6fr;gap:var(--space-xs) var(--space-sm);align-items:center;font-size:var(--font-size-sm)}.doorhan-checklist-header{display:contents;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.doorhan-checklist-header>span{padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.doorhan-checklist-row{display:contents}.doorhan-checklist-row>span,.doorhan-checklist-row>label{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light)}.doorhan-checklist-checkbox{display:flex;align-items:center;justify-content:center;gap:var(--space-xxs);cursor:pointer}.doorhan-checklist-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.doorhan-pay-form{display:flex;flex-direction:column;gap:var(--space-md)}.doorhan-limit-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-warning-light);color:var(--color-warning);border:1px solid rgba(243,156,18,.25);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.file-upload-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.file-upload-card__row{display:flex;gap:var(--space-md);align-items:flex-start}.file-upload-card__type{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:160px}.file-upload-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.file-upload-card__select{padding:var(--space-xs) var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}.file-upload-card__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.file-upload-card__dropzone-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--space-xxs)}.file-upload-card__dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:80px;padding:var(--space-md);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.file-upload-card__dropzone:hover{border-color:var(--color-primary-light, #93b5ff);background:#3b82f60a}.file-upload-card__dropzone--active{border-color:var(--color-primary);background:#3b82f612;box-shadow:0 0 0 3px var(--color-focus-ring)}.file-upload-card__dropzone--has-file{border-style:solid;border-color:var(--color-border-light);background:var(--color-bg-primary);cursor:default}.file-upload-card__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs)}.file-upload-card__dropzone-icon{color:var(--color-text-muted);opacity:.5}.file-upload-card__dropzone-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-upload-card__dropzone-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.file-upload-card__dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-upload-card__preview{display:flex;align-items:center;gap:var(--space-sm);width:100%}.file-upload-card__preview-icon{font-size:1.6rem;line-height:1;flex-shrink:0}.file-upload-card__preview-info{display:flex;flex-direction:column;min-width:0;flex:1}.file-upload-card__preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-card__preview-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.file-upload-card__preview-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:var(--radius-round);cursor:pointer;font-size:12px;transition:background .15s,color .15s}.file-upload-card__preview-remove:hover{background:var(--color-danger-bg, #fde8e8);color:var(--color-danger)}.file-upload-card__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.doorhan-limits{display:flex;flex-direction:column;gap:var(--space-lg)}.doorhan-limits-header{display:flex;align-items:center;gap:var(--space-md)}.doorhan-limits-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.doorhan-limits-table-wrapper{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.doorhan-limits-table-wrapper .ui-table td input{padding:var(--space-xxs) var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100px}.doorhan-limits-table-wrapper .ui-table td input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.doorhan-exceeded{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.doorhan-ok{color:var(--color-success);font-weight:var(--font-weight-medium)}.doorhan-empty-message{padding:var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.doorhan-detail-layout{display:flex;flex-direction:column;gap:var(--space-lg)}.doorhan-detail-main{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.doorhan-inline-edit{display:flex;align-items:center;gap:var(--space-xs)}.doorhan-inline-edit input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);width:200px;-moz-appearance:textfield}.doorhan-inline-edit input::-webkit-outer-spin-button,.doorhan-inline-edit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.doorhan-inline-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;line-height:1;transition:background .15s}.doorhan-inline-btn--save{background:var(--color-success, #22c55e);color:#fff}.doorhan-inline-btn--save:hover{background:#16a34a}.doorhan-inline-btn--cancel{background:var(--color-danger, #ef4444);color:#fff}.doorhan-inline-btn--cancel:hover{background:#dc2626}.doorhan-field-value--highlight{color:var(--color-primary);font-weight:700;font-size:18px;letter-spacing:-.01em;background:linear-gradient(135deg,#6366f114,#8b5cf614);padding:4px 10px;border-radius:6px;border:1px solid rgba(99,102,241,.15)}.doorhan-items-list{display:flex;flex-direction:column;gap:6px}.doorhan-item-card{border:1px solid var(--color-border-light);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);padding:8px 12px;background:var(--color-bg-primary);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.doorhan-item-card--component{border-left-color:#f59e0b}.doorhan-item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.doorhan-item-card-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.doorhan-item-card-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);flex-shrink:0}.doorhan-item-card-order{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-right:auto}.doorhan-item-card-price{margin-left:auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-success)}.doorhan-item-card-fields{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xxs) var(--space-sm)}.doorhan-item-card-checks{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.doorhan-item-check{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full, 999px);font-size:var(--font-size-xs);background:var(--color-bg-tertiary);color:var(--color-text-muted);opacity:.5}.doorhan-item-check--yes{opacity:1;background:#e8f5e9;color:#2e7d32}.doorhan-item-check--verified{opacity:1;background:#e3f2fd;color:#1565c0}.doorhan-item-card-note{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.doorhan-item-card-note-text{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-xxs)}.doorhan-info-message{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.doorhan-request-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md)}.doorhan-request-text{white-space:pre-wrap;font-family:var(--font-mono, "Fira Code", "Consolas", monospace);font-size:var(--font-size-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);max-height:320px;overflow-y:auto;line-height:1.5;color:var(--color-text-primary)}.doorhan-request-actions{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.doorhan-request-table-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.doorhan-request-table-link:hover{text-decoration:underline}.doorhan-bottom-actions{display:flex;justify-content:center;padding:var(--space-md) 0 var(--space-xs)}.doorhan-request-panel--inline{border:2px solid #4caf50;background:#f1f8e9;animation:doorhan-fadeIn .3s ease}@keyframes doorhan-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.doorhan-files-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.doorhan-files-table th{text-align:left;padding:var(--space-xs) var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-light)}.doorhan-files-table td{padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.doorhan-files-table tr{transition:background var(--transition-fast)}.doorhan-files-table tbody tr:hover td{background:var(--color-primary-light)}.doorhan-file-type-badge{display:inline-flex;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em}.doorhan-file-delete-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-muted);opacity:.6;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.doorhan-file-delete-btn:hover{opacity:1;background:var(--color-danger-light);color:var(--color-danger)}.doorhan-file-delete-btn:disabled{cursor:not-allowed;opacity:.3}.doorhan-actions-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.doorhan-dash{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.doorhan-dash-loading{display:flex;justify-content:center;padding:var(--space-md)}.doorhan-dash-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.doorhan-dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.doorhan-dash-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg, 12px);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border-light);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.doorhan-dash-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px #0000000f}.doorhan-dash-card--exceeded{border-color:var(--color-danger);background:linear-gradient(135deg,#e74c3c0a,#e74c3c14)}.doorhan-dash-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--space-xxs)}.doorhan-dash-branch{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.doorhan-dash-badge-exceeded{font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-danger);padding:2px 8px;border-radius:var(--radius-full, 999px);letter-spacing:.3px}.doorhan-ring-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px}.doorhan-ring-svg{display:block}.doorhan-ring-pct{position:absolute;font-size:16px;font-weight:700;letter-spacing:-.3px}.doorhan-dash-stats{display:flex;justify-content:space-between;width:100%;gap:var(--space-xs)}.doorhan-dash-stat{display:flex;flex-direction:column;gap:2px}.doorhan-dash-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.doorhan-dash-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.doorhan-dash-stat-value--danger{color:var(--color-danger)}.doorhan-dash-stat-value--success{color:var(--color-success)}.doorhan-section-title--inline{margin:0}.doorhan-action-form-wrapper{margin-top:var(--space-md)}.doorhan-form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.doorhan-checklist-item.doorhan-checklist-header{font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--color-border)}.doorhan-checklist-center{text-align:center}.doorhan-input-full{width:100%}.doorhan-textarea{min-height:38px;resize:vertical}.doorhan-btn-margin-top{margin-top:var(--space-xs)}.doorhan-rcv{display:flex;flex-direction:column;gap:12px}.doorhan-rcv-order-header{display:flex;gap:24px;padding:10px 14px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-bottom:4px}.doorhan-rcv-order-field{display:flex;flex-direction:column;gap:2px}.doorhan-rcv-order-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.doorhan-rcv-order-value{font-size:15px;font-weight:600;color:var(--color-text-primary)}.doorhan-rcv-order-value--accent{color:var(--color-primary)}.doorhan-rcv-th-orderno{text-align:left;min-width:120px}.doorhan-rcv-td-orderno{font-weight:600;font-size:12px;color:var(--color-primary);white-space:nowrap}.doorhan-rcv-datebar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);font-size:13px}.doorhan-rcv-datebar-label{color:var(--color-text-secondary)}.doorhan-rcv-datebar-value{font-weight:600;color:var(--color-text-primary)}.doorhan-rcv-datebar-input{font-family:inherit;font-size:13px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer}.doorhan-rcv-datebar-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb26}.doorhan-rcv-section{display:flex;flex-direction:column;gap:0}.doorhan-rcv-section-header{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);padding:6px 0;border-bottom:1px solid var(--color-border);margin-bottom:0}.doorhan-rcv-table{width:100%;border-collapse:collapse;font-size:13px}.doorhan-rcv-table thead th{padding:6px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.doorhan-rcv-th-pos{width:36px;text-align:center}.doorhan-rcv-th-size,.doorhan-rcv-th-detail{width:100px}.doorhan-rcv-th-qty{width:40px;text-align:center}.doorhan-rcv-th-check{width:64px;text-align:center}.doorhan-rcv-th-comment{min-width:140px}.doorhan-rcv-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.doorhan-rcv-table tbody tr:hover{background:#6366f108}.doorhan-rcv-table tbody tr.doorhan-rcv-row-ok{background:#10b9810d}.doorhan-rcv-table td{padding:8px;vertical-align:middle;color:var(--color-text-primary)}.doorhan-rcv-td-pos{text-align:center;font-weight:600;color:var(--color-text-secondary)}.doorhan-rcv-td-size{font-weight:600;font-variant-numeric:tabular-nums}.doorhan-rcv-td-detail{color:var(--color-text-secondary);font-size:12px}.doorhan-rcv-td-qty{text-align:center;font-weight:500}.doorhan-rcv-td-check{text-align:center}.doorhan-rcv-td-check input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.doorhan-rcv-comment{width:100%;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-xs, 4px);background:var(--color-bg-page);color:var(--color-text-primary);font-size:12px;font-family:inherit;line-height:1.4;resize:vertical;min-height:36px}.doorhan-rcv-comment:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.doorhan-rcv-comp-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid var(--color-border-light)}.doorhan-rcv-comp-row.doorhan-rcv-row-ok{background:#10b9810d}.doorhan-rcv-comp-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;flex:1;min-width:0}.doorhan-rcv-comp-label input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#10b981}.doorhan-rcv-comp-row .doorhan-rcv-comment{max-width:240px;flex-shrink:0}.doorhan-rcv-global-comment{display:flex;flex-direction:column;gap:4px}.doorhan-rcv-global-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-tertiary)}.doorhan-rcv-global-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text-primary);font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;min-height:70px}.doorhan-rcv-global-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.doorhan-rcv-warning{padding:8px 12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);color:#b45309;font-size:13px;font-weight:500}.doorhan-rcv-mobile{display:none}.doorhan-rcv-desktop{display:block}.doorhan-rcv-m-order-header{position:sticky;top:0;z-index:12;background:#2e3238;color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.doorhan-rcv-m-order-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.doorhan-rcv-m-order-no{font-size:15px;font-weight:700;color:#7cb8ff;letter-spacing:.3px}.doorhan-rcv-m-order-our{font-size:12px;color:#fff9;font-weight:400}.doorhan-rcv-m-status-bar{position:sticky;top:42px;z-index:11;background:#fff;padding:10px 16px;box-shadow:0 1px 4px #0000000f;border-bottom:1px solid var(--color-border-light, #ebedf0)}.doorhan-rcv-m-status-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.doorhan-rcv-m-status-text{font-size:14px;font-weight:600;color:var(--color-text-primary, #2e3238)}.doorhan-rcv-m-status-count{color:var(--color-primary, #4c8bf5)}.doorhan-rcv-m-btn-all{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--color-primary, #4c8bf5);background:#4c8bf514;border:1.5px solid rgba(76,139,245,.3);border-radius:8px;cursor:pointer;font-family:inherit;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.doorhan-rcv-m-btn-all:active{background:#4c8bf526;transform:scale(.97)}.doorhan-rcv-m-progress-track{height:4px;background:var(--color-border-light, #ebedf0);border-radius:4px;overflow:hidden}.doorhan-rcv-m-progress-fill{height:100%;background:linear-gradient(90deg,#4c8bf5,#27ae60);border-radius:4px;transition:width .4s ease}.doorhan-rcv-m-datebar{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:8px 12px 4px;background:#fff;border-radius:10px;border-left:3px solid var(--color-primary, #4c8bf5);font-size:13px;box-shadow:0 1px 3px #0000000a}.doorhan-rcv-m-datebar-label{color:var(--color-text-secondary, #6b7279)}.doorhan-rcv-m-datebar-value{font-weight:700;color:var(--color-text-primary, #2e3238)}.doorhan-rcv-m-section-header{padding:12px 16px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-tertiary, #9ca3ab)}.doorhan-rcv-m-cards{padding:0 12px 8px;display:flex;flex-direction:column;gap:8px}.doorhan-rcv-m-card{background:#fff;border-radius:12px;padding:14px 14px 12px;box-shadow:0 1px 3px #0000000f;border-left:4px solid var(--color-border-light, #dfe1e5);transition:all .25s ease}.doorhan-rcv-m-card--partial{border-left-color:var(--color-warning, #f39c12)}.doorhan-rcv-m-card--done{border-left-color:var(--color-success, #27ae60);background:#fafff7}.doorhan-rcv-m-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.doorhan-rcv-m-card-badge{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-size:11px;font-weight:700;flex-shrink:0;background:var(--color-bg-secondary, #f4f5f7);color:var(--color-text-tertiary, #9ca3ab)}.doorhan-rcv-m-card--partial .doorhan-rcv-m-card-badge{background:#f39c121f;color:#e67e22}.doorhan-rcv-m-card--done .doorhan-rcv-m-card-badge{background:#27ae601f;color:#27ae60}.doorhan-rcv-m-card-orderno{font-size:13px;font-weight:600;color:var(--color-primary, #4c8bf5);background:#4c8bf514;padding:2px 8px;border-radius:5px;flex-shrink:0}.doorhan-rcv-m-card-size{font-size:14px;font-weight:700;color:var(--color-text-primary, #2e3238);letter-spacing:-.3px}.doorhan-rcv-m-card-qty{margin-left:auto;font-size:12px;color:var(--color-text-tertiary, #9ca3ab);font-weight:500}.doorhan-rcv-m-card-details{display:flex;gap:10px;margin-bottom:10px;padding-left:34px;flex-wrap:wrap}.doorhan-rcv-m-card-detail{font-size:12px;color:var(--color-text-secondary, #6b7279)}.doorhan-rcv-m-card-detail-label{color:var(--color-text-tertiary, #9ca3ab);font-weight:500}.doorhan-rcv-m-checks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.doorhan-rcv-m-check-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.doorhan-rcv-m-check-box{width:36px;height:36px;border-radius:8px;border:2px solid var(--color-border-light, #dfe1e5);background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.doorhan-rcv-m-check-box svg{opacity:0;transform:scale(.5);transition:all .2s ease}.doorhan-rcv-m-check-item--checked .doorhan-rcv-m-check-box{background:var(--color-success, #27ae60);border-color:var(--color-success, #27ae60);box-shadow:0 2px 8px #27ae6040}.doorhan-rcv-m-check-item--checked .doorhan-rcv-m-check-box svg{opacity:1;transform:scale(1)}.doorhan-rcv-m-check-label{font-size:11px;font-weight:600;color:var(--color-text-tertiary, #9ca3ab);text-transform:uppercase;letter-spacing:.3px}.doorhan-rcv-m-check-item--checked .doorhan-rcv-m-check-label{color:var(--color-success, #27ae60)}.doorhan-rcv-m-comment-toggle{display:flex;align-items:center;gap:6px;margin-top:10px;padding:6px 0;font-size:12px;color:var(--color-text-tertiary, #9ca3ab);cursor:pointer;border:none;background:none;font-family:inherit;width:100%;text-align:left;transition:color .15s;-webkit-tap-highlight-color:transparent}.doorhan-rcv-m-comment-area{margin-top:6px}.doorhan-rcv-m-comment-area textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-light, #dfe1e5);border-radius:8px;background:var(--color-bg-secondary, #f4f5f7);font-size:13px;font-family:inherit;color:var(--color-text-primary, #2e3238);resize:none;min-height:60px;transition:border-color .15s}.doorhan-rcv-m-comment-area textarea:focus{outline:none;border-color:var(--color-primary, #4c8bf5);background:#fff;box-shadow:0 0 0 3px #4c8bf51a}.doorhan-rcv-m-comment-hint{font-size:11px;color:var(--color-text-muted, #b8bcc8);margin-top:4px;padding-left:2px}.doorhan-rcv-m-comp-card{margin:0 12px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.doorhan-rcv-m-comp-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.doorhan-rcv-m-comp-item+.doorhan-rcv-m-comp-item{border-top:1px solid var(--color-border-light, #ebedf0)}.doorhan-rcv-m-comp-item:active{background:var(--color-bg-secondary, #f4f5f7)}.doorhan-rcv-m-comp-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid var(--color-border-light, #dfe1e5);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.doorhan-rcv-m-comp-checkbox svg{opacity:0;transition:opacity .2s}.doorhan-rcv-m-comp-item--checked .doorhan-rcv-m-comp-checkbox{background:var(--color-success, #27ae60);border-color:var(--color-success, #27ae60)}.doorhan-rcv-m-comp-item--checked .doorhan-rcv-m-comp-checkbox svg{opacity:1}.doorhan-rcv-m-comp-label{font-size:14px;font-weight:500;color:var(--color-text-primary, #2e3238);flex:1}.doorhan-rcv-m-comp-qty{font-size:13px;color:var(--color-text-tertiary, #9ca3ab);font-weight:500}.doorhan-rcv-m-global-comment{padding:12px 12px 0}.doorhan-rcv-m-global-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary, #9ca3ab);margin-bottom:6px}.doorhan-rcv-m-global-comment textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border-light, #dfe1e5);border-radius:10px;background:#fff;font-size:13px;font-family:inherit;color:var(--color-text-primary, #2e3238);resize:none;min-height:70px;box-shadow:0 1px 3px #0000000a}.doorhan-rcv-m-global-comment textarea:focus{outline:none;border-color:var(--color-primary, #4c8bf5);box-shadow:0 0 0 3px #4c8bf51a}.doorhan-rcv-m-warning{margin:8px 12px;padding:10px 14px;background:#f39c1214;border:1px solid rgba(243,156,18,.2);border-radius:10px;font-size:13px;font-weight:500;color:#b45309;display:flex;align-items:center;gap:8px}.doorhan-rcv-m-footer{position:sticky;bottom:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));background:#fff;box-shadow:0 -2px 12px #00000014;border-top:1px solid var(--color-border-light, #ebedf0);z-index:20;display:flex;flex-direction:column;gap:6px;margin-top:12px}.doorhan-rcv-m-btn-submit{width:100%;padding:14px;font-size:16px;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #27ae604d;letter-spacing:-.2px;-webkit-tap-highlight-color:transparent}.doorhan-rcv-m-btn-submit:active{transform:scale(.98);box-shadow:0 2px 8px #27ae604d}.doorhan-rcv-m-btn-submit--issues{background:linear-gradient(135deg,#e67e22,#f39c12);box-shadow:0 4px 12px #f39c124d}.doorhan-rcv-m-btn-submit:disabled{opacity:.6;cursor:not-allowed}.doorhan-rcv-m-btn-cancel{width:100%;padding:8px;font-size:13px;font-weight:500;font-family:inherit;color:var(--color-text-tertiary, #9ca3ab);background:none;border:none;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}@media(max-width:767px){.doorhan-rcv-mobile{display:block}.doorhan-rcv-desktop{display:none}.doorhan-rcv{margin:-12px -16px;background:var(--color-bg-secondary, #f4f5f7)}}@media(max-width:768px){.doorhan-form-row,.doorhan-form-row-3{grid-template-columns:1fr}.doorhan-detail-fields{grid-template-columns:1fr 1fr}.doorhan-item-fields--params{grid-template-columns:1fr 1fr 1fr}.doorhan-checklist-table{font-size:var(--font-size-xs)}.doorhan-detail-layout{grid-template-columns:1fr}.doorhan-progress-sidebar{display:none}.doorhan-create-layout{grid-template-columns:1fr}.doorhan-strip-row1{flex-wrap:wrap}.doorhan-strip-row2{flex-direction:column}.doorhan-lock-options{flex-wrap:wrap}.doorhan-dash-cards{grid-template-columns:1fr}.doorhan-dash-stats{grid-template-columns:1fr;gap:var(--space-sm)}.doorhan-files-table{font-size:var(--font-size-xs)}.doorhan-files-table th:nth-child(3),.doorhan-files-table td:nth-child(3),.doorhan-files-table th:nth-child(4),.doorhan-files-table td:nth-child(4){display:none}.doorhan-item-card-fields{grid-template-columns:1fr 1fr}.doorhan-pay-form-row{flex-direction:column}}@media(max-width:480px){.doorhan-detail-fields{grid-template-columns:1fr}.doorhan-detail-header{flex-wrap:wrap;gap:var(--space-xs)}.doorhan-item-card-fields{grid-template-columns:1fr}.doorhan-strip-input--order{width:100%}.doorhan-checklist-item{font-size:var(--font-size-xs)}}.doorhan-reclamation{display:flex;flex-direction:column;gap:12px}.doorhan-reclamation-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.doorhan-reclamation-title{margin:0;font-size:15px;font-weight:700;color:#d97706}.doorhan-reclamation-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:12px;background:#d977061a;color:#d97706;border:1px solid rgba(217,119,6,.2)}.doorhan-reclamation-hint{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.4}.doorhan-reclamation-textarea{width:100%;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;transition:border-color var(--transition-fast)}.doorhan-reclamation-textarea:focus{border-color:#d97706;outline:none;box-shadow:0 0 0 3px #d9770626}.doorhan-reclamation-actions{display:flex;gap:8px;flex-wrap:wrap}.doorhan-payment-stepper{display:flex;flex-direction:column;gap:12px}.doorhan-pay-steps{display:flex;gap:4px;background:var(--color-bg-elevated);padding:8px;border-radius:var(--radius-sm)}.doorhan-pay-step{flex:1;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-tertiary);background:transparent;transition:all var(--transition-fast)}.doorhan-pay-step.done{color:#059669;background:#05966914}.doorhan-pay-step.active{color:var(--color-primary);background:#6366f114;border:1px solid rgba(99,102,241,.2);font-weight:600}.doorhan-pay-step-icon{font-size:16px}.doorhan-pay-step-label{white-space:nowrap}.doorhan-pay-action-block{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.doorhan-pay-action-block--done{flex-direction:row;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#059669;background:#0596690f;border-color:#05966933}.doorhan-pay-done-icon{font-size:24px}.doorhan-pay-hint{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.4}.doorhan-pay-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;background:var(--color-border-light);color:var(--color-text-tertiary);flex-shrink:0}.doorhan-pay-step.done .doorhan-pay-step-num{background:#059669;color:#fff}.doorhan-pay-step.active .doorhan-pay-step-num{background:var(--color-primary);color:#fff}.doorhan-pay-message-block{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.doorhan-pay-message-label{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.doorhan-pay-message-text{font-size:14px;line-height:1.5;color:var(--color-text-primary);font-weight:500}.doorhan-pay-step-title{font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0}.doorhan-pay-message-block--active{background:#0596690f;border-color:#05966940}.doorhan-pay-message-actions{display:flex;gap:8px;margin-top:2px}.doorhan-pay-divider{height:1px;background:var(--color-border-light);margin:4px 0}.doorhan-pay-action-block{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.doorhan-pay-form-row{display:flex;gap:16px;align-items:flex-end}.doorhan-pay-form-row>.doorhan-pay-form-field{flex:1}.doorhan-pay-form-field{display:flex;flex-direction:column;gap:4px}.doorhan-pay-form-field label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.doorhan-pay-form-field input{padding:8px 10px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;background:var(--color-bg);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.doorhan-pay-form-field input:focus{outline:none;border-color:var(--color-primary)}.doorhan-payment-stepper{display:flex;flex-direction:column;gap:16px}.doorhan-finance-items{display:flex;flex-direction:column;gap:2px}.doorhan-finance-item-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);transition:background var(--transition-fast);font-size:13px}.doorhan-finance-item-row:nth-child(odd){background:var(--color-bg-secondary)}.doorhan-finance-item-row:hover{background:var(--color-bg-elevated)}.doorhan-finance-item-num{font-weight:600;color:var(--color-text-muted);min-width:22px;text-align:right;flex-shrink:0}.doorhan-finance-item-order{font-weight:500;color:var(--color-primary);white-space:nowrap}.doorhan-finance-item-size{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.doorhan-finance-item-tag{display:inline-block;padding:1px 6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.doorhan-finance-item-desc{color:var(--color-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.doorhan-finance-item-qty{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.doorhan-finance-item-spacer{flex:1}.doorhan-finance-item-currency{color:var(--color-text-muted);font-size:13px}.doorhan-finance-item-price{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted)}.doorhan-finance-item-price--set{font-weight:600;color:var(--color-success)}.doorhan-finance-item-price-btn{font-size:12px!important;color:var(--color-text-tertiary)!important;white-space:nowrap;opacity:.7}.doorhan-inline-edit--compact{gap:4px}.doorhan-inline-edit--compact input{padding:3px 6px;font-size:13px}.doorhan-next-step-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-bg-elevated);color:var(--color-primary);font-size:11px;font-weight:700;cursor:help;transition:all var(--transition-fast);border:1px solid var(--color-border-light)}.doorhan-next-step-icon:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #6366f14d}.doorhan-spec-workspace{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.doorhan-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:stretch}@media(max-width:768px){.doorhan-spec-grid{grid-template-columns:1fr}}.doorhan-spec-upload-col,.doorhan-spec-action-col{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-bg-card);border-radius:var(--radius-sm);padding:var(--space-md);border:1px dashed var(--color-border)}.doorhan-spec-action-col{border-style:solid}.doorhan-spec-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.doorhan-spec-current-file{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.doorhan-spec-file-info{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.doorhan-spec-no-file{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--space-xl) 0}.doorhan-spec-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.doorhan-tbank-fallback{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);margin-bottom:4px}.doorhan-tbank-fallback-title{font-size:14px;font-weight:700;color:#b45309}.doorhan-tbank-fallback-error{font-size:12px;color:var(--color-text-tertiary);font-family:Consolas,Courier New,monospace;background:#0000000a;padding:6px 10px;border-radius:4px;word-break:break-all}.doorhan-tbank-fallback-instructions{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.doorhan-tbank-fallback-instructions p{margin:0 0 4px}.doorhan-tbank-fallback-instructions ol{margin:0;padding-left:20px}.doorhan-tbank-fallback-instructions li{margin-bottom:2px}.inv-page{display:flex;flex-direction:column;gap:var(--space-lg)}.inv-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:400px;color:var(--color-text-muted)}.inv-start-form{display:flex;justify-content:center;padding:var(--space-2xl) 0}.inv-start-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);max-width:560px;width:100%;box-shadow:var(--shadow-sm)}.inv-start-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.inv-start-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-xl) 0;line-height:1.6}.inv-mode-toggle{display:flex;gap:2px;margin-bottom:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:3px}.inv-mode-btn{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease;text-align:center;white-space:nowrap}.inv-mode-btn:hover{color:var(--color-text-primary)}.inv-mode-btn.active{background:var(--color-bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.inv-date-field{margin-bottom:var(--space-lg)}.inv-date-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.inv-date-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.inv-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61f}.inv-groups-selector{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.inv-groups-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0}.inv-groups-list{max-height:260px;overflow-y:auto}.inv-group-item{padding:var(--space-xs) 0}.inv-group-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);padding:2px 0}.inv-group-label:hover{color:var(--color-primary)}.inv-group-label input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.inv-group-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.inv-group-count{color:var(--color-text-muted);font-size:var(--font-size-xs)}.inv-groups-selected-count{margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.inv-groups-loading,.inv-groups-error,.inv-groups-empty{text-align:center;padding:var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.inv-start-error{background:#ef444414;color:var(--color-error, #ef4444);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);margin-bottom:var(--space-md);line-height:1.5}.inv-start-actions{display:flex;justify-content:flex-end;padding-top:var(--space-sm)}.inv-session-active{display:flex;flex-direction:column;gap:var(--space-lg)}.inv-session-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.inv-session-info{display:flex;align-items:center;gap:var(--space-sm)}.inv-session-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.inv-session-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-xs)}.inv-session-mode-badge{display:inline-block;background:#3b82f61a;color:var(--color-primary);padding:3px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px}.inv-session-header-actions{display:flex;gap:var(--space-sm)}.inv-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}@media(max-width:768px){.inv-summary-cards{grid-template-columns:repeat(3,1fr)}}.inv-summary-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-sm);border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);transition:box-shadow .2s}.inv-summary-card:hover{box-shadow:var(--shadow-sm)}.inv-summary-value{font-size:1.75rem;font-weight:var(--font-weight-bold, 700);line-height:1}.inv-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs);text-align:center}.inv-summary-total .inv-summary-value{color:var(--color-text-primary)}.inv-summary-match .inv-summary-value{color:var(--color-text-muted)}.inv-summary-shortage .inv-summary-value{color:var(--color-error, #ef4444)}.inv-summary-surplus .inv-summary-value{color:#22c55e}.inv-summary-pending .inv-summary-value{color:#f59e0b}.inv-saving-indicator{text-align:center;font-size:var(--font-size-xs);color:var(--color-primary);padding:var(--space-xs) var(--space-sm);background:#3b82f60f;border-radius:var(--radius-md);animation:inv-pulse 1.5s ease-in-out infinite}@keyframes inv-pulse{0%,to{opacity:1}50%{opacity:.5}}.inv-not-counted-warning{text-align:center;font-size:var(--font-size-sm);color:#f59e0b;padding:var(--space-sm) var(--space-md);background:#f59e0b0f;border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.inv-table-wrapper{overflow-x:auto;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.inv-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.inv-table-th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border);white-space:nowrap}.inv-th-num{width:48px;text-align:center}.inv-th-sku{min-width:280px}.inv-th-system{width:110px;text-align:right}.inv-th-actual{width:120px;text-align:center}.inv-th-diff{width:130px;text-align:right}.inv-table-row{border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.05));transition:background .15s ease}.inv-table-row:hover{background:var(--color-bg-hover, rgba(0,0,0,.02))}.inv-table-td{padding:var(--space-sm) var(--space-md);color:var(--color-text-primary)}.inv-td-num{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.inv-td-sku{font-weight:var(--font-weight-medium)}.inv-td-system{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.inv-td-actual{text-align:center}.inv-td-diff{text-align:right;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.inv-table-input{width:80px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.inv-table-input::-webkit-outer-spin-button,.inv-table-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-table-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61f}.inv-table-input::placeholder{color:var(--color-text-muted)}.inv-diff-negative{color:var(--color-error, #ef4444)!important}.inv-diff-positive{color:#22c55e!important}.inv-diff-zero{color:var(--color-text-muted)!important}.inv-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.inv-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px #0003}.inv-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.inv-modal-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;line-height:1.6}.inv-modal-stat{font-weight:var(--font-weight-semibold)}.inv-modal-discrepancies{max-height:300px;overflow-y:auto;margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md)}.inv-modal-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.inv-modal-table th{background:var(--color-bg-secondary);padding:var(--space-sm) var(--space-md);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.inv-modal-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light, rgba(0,0,0,.05));color:var(--color-text-primary)}.inv-modal-warning{background:#f59e0b0f;color:#f59e0b;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);line-height:1.5}.inv-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.inv-lock-banner{margin-bottom:var(--space-sm)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-sidebar) 0%,#1a1b2e 100%);padding:var(--space-md)}.login-card{width:100%;max-width:400px;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2xl) var(--space-xl);animation:loginSlideUp .4s ease-out}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-logo{width:160px;height:auto;margin:0 auto var(--space-sm);display:block}.login-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:var(--font-weight-medium)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-field{display:flex;flex-direction:column;gap:var(--space-xxs)}.login-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.login-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.login-input::placeholder{color:var(--color-text-muted)}.login-button{width:100%;padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);margin-top:var(--space-xs)}.login-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-error{padding:var(--space-sm) var(--space-md);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;animation:loginShake .4s ease}.login-error-blocked{background:var(--color-warning-light);color:var(--color-warning);animation:none}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .6s linear infinite;vertical-align:middle;margin-right:var(--space-xs)}@keyframes loginSpin{to{transform:rotate(360deg)}}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--color-primary: #4c8bf5;--color-primary-hover: #3a6ecc;--color-primary-light: rgba(76, 139, 245, .12);--color-success: #27ae60;--color-success-light: rgba(39, 174, 96, .12);--color-danger: #e74c3c;--color-danger-light: rgba(231, 76, 60, .12);--color-warning: #f39c12;--color-warning-light: rgba(243, 156, 18, .12);--color-info: #3498db;--color-info-light: rgba(52, 152, 219, .12);--color-neutral: #6b7279;--color-neutral-light: rgba(107, 114, 121, .1);--color-bg-primary: #ffffff;--color-bg-secondary: #f4f5f7;--color-bg-card: #ffffff;--color-bg-sidebar: #2b2d42;--color-bg-sidebar-hover: #3a3d56;--color-bg-sidebar-active: rgba(76, 139, 245, .2);--color-sidebar-text: #b8bcc8;--color-sidebar-text-active: #ffffff;--color-sidebar-logo: #ffffff;--color-bg-topbar: #ffffff;--color-topbar-border: #e8eaed;--color-text-primary: #2e3238;--color-text-secondary: #6b7279;--color-text-muted: #9ca3ab;--color-text-inverse: #ffffff;--color-border: #dfe1e5;--color-border-light: #ebedf0;--color-focus-ring: rgba(76, 139, 245, .4);--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 240px;--topbar-height: 56px;--z-modal: 1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer}.ui-btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.ui-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ui-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.ui-btn-secondary:hover{background:var(--color-border-light)}.ui-btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.ui-btn-outline:hover{background:var(--color-primary-light)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-input-container{display:flex;flex-direction:column;gap:var(--space-xxs)}.ui-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ui-input-field{padding:var(--space-xs) var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.ui-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.ui-input-field.ui-input-error{border-color:var(--color-danger)}.ui-input-message.error{font-size:var(--font-size-xs);color:var(--color-danger)}.ui-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:box-shadow var(--transition-normal)}.ui-card:hover{box-shadow:var(--shadow-md)}.ui-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.ui-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ui-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xxs)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.ui-badge-success{background:var(--color-success-light);color:var(--color-success)}.ui-badge-error{background:var(--color-danger-light);color:var(--color-danger)}.ui-badge-loading{background:var(--color-warning-light);color:var(--color-warning)}.ui-badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.ui-badge-loading .ui-badge-dot{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.ui-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.ui-banner-error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid rgba(231,76,60,.25)}.ui-banner-icon{font-size:var(--font-size-xl);flex-shrink:0}.ui-banner-info{background:var(--color-info-light);color:var(--color-info);border:1px solid rgba(52,152,219,.25)}.ui-banner-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid rgba(243,156,18,.25)}.ui-banner-success{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(39,174,96,.25)}.ui-btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.ui-btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.ui-btn-danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.ui-btn-danger:hover{background:#c0392b;border-color:#c0392b}.ui-btn-sm{padding:var(--space-xxs) var(--space-xs);font-size:var(--font-size-xs)}.ui-btn-md{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-md)}.ui-btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-lg)}.ui-badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.ui-badge-info{background:var(--color-info-light);color:var(--color-info)}.ui-badge-neutral{background:var(--color-neutral-light);color:var(--color-neutral)}.ui-card-no-padding{padding:0}.ui-card-no-hover:hover{box-shadow:var(--shadow-sm)}.ui-input-full-width,.ui-input-full-width .ui-input-field{width:100%}.ui-input-field:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.ui-table th{text-align:left;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap}.ui-table td{padding:var(--space-xs) var(--space-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.ui-table tbody tr{transition:background var(--transition-fast)}.ui-table tbody tr:hover{background:var(--color-primary-light)}.ui-table-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-md)}.ui-modal-overlay{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);animation:modal-fade-in var(--transition-fast) ease}.ui-modal-panel{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:360px;max-width:560px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:modal-scale-in var(--transition-normal) ease}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.ui-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ui-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast)}.ui-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.ui-modal-body{padding:var(--space-lg);overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-spinner{display:inline-block;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:ui-spin .7s linear infinite}.ui-spinner-sm{width:16px;height:16px;border-width:2px}.ui-spinner-md{width:28px;height:28px;border-width:3px}.ui-spinner-lg{width:44px;height:44px;border-width:4px}@keyframes ui-spin{to{transform:rotate(360deg)}}.page-placeholder{padding:var(--space-lg);color:var(--color-text-muted)}