.stats-bar{padding:var(--space-md);background:var(--warm-white);border-bottom:1px solid var(--pale-slate-light);justify-content:space-around;margin-top:60px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-highlight .stat-value{color:var(--warning)}.stat-success .stat-value{color:var(--success)}.reconciliation-help-banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#7e918126,#7e918114);border-bottom:1px solid #7e918133;display:flex}.reconciliation-help-banner .help-icon{font-size:var(--text-lg)}.reconciliation-help-banner .help-text{font-size:var(--text-sm);color:var(--text-secondary);flex:1}.reconciliation-help-banner .help-dismiss{width:24px;height:24px;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.reconciliation-help-banner .help-dismiss:hover{background:#0000000d}.reconciliation-content{padding:var(--space-md);padding-bottom:100px}.order-list{gap:var(--space-sm);flex-direction:column;display:flex}.order-card{padding:var(--space-md);background:var(--warm-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;display:flex}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card:active{transform:translateY(0)}.order-avatar{background:var(--dusty-olive);color:#fff;width:48px;height:48px;font-weight:600;font-size:var(--text-base);margin-right:var(--space-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-details{flex:1;min-width:0}.order-customer{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.order-meta{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);display:flex}.order-number{font-family:var(--font-mono)}.order-batch{background:var(--cream);font-size:var(--text-xs);border-radius:10px;padding:2px 8px}.order-items{font-size:var(--text-sm);color:var(--text-secondary)}.order-amount{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);color:var(--dusty-olive);margin-left:var(--space-md)}.order-arrow{color:var(--text-muted);font-size:var(--text-xl);margin-left:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-secondary)}.empty-icon{color:var(--success);margin-bottom:var(--space-md);font-size:48px}.empty-state h3{margin-bottom:var(--space-sm);color:var(--text-primary)}.modal-overlay{z-index:var(--z-modal);padding:var(--space-md);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.reconciliation-modal{background:var(--warm-white);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.modal-header{padding:var(--space-md);border-bottom:1px solid var(--pale-slate-light);justify-content:space-between;align-items:flex-start;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600}.modal-subtitle{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono);margin-top:2px}.order-info-bar{padding:var(--space-sm) var(--space-md);background:var(--cream);border-bottom:1px solid var(--pale-slate-light);justify-content:space-between;display:flex}.info-item{flex-direction:column;gap:2px;display:flex}.info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.info-value{color:var(--text-primary);font-weight:500}.modal-body{padding:var(--space-md);flex:1;overflow-y:auto}.items-header{gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--pale-slate-light);font-size:var(--text-sm);color:var(--text-muted);grid-template-columns:1fr 70px 90px;display:grid}.items-header span:last-child{text-align:right}.items-header span:nth-child(2){text-align:center}.reconcile-items{gap:var(--space-sm);flex-direction:column;display:flex}.reconcile-item{gap:var(--space-sm);padding:var(--space-sm);background:var(--cream);border-radius:var(--radius-md);transition:all var(--transition-fast);grid-template-columns:1fr 70px 90px;align-items:center;display:grid}.reconcile-item.modified{background:var(--warning-bg);border:1px solid var(--warning)}.reconcile-item.zeroed{background:var(--error-bg);border:1px solid var(--error)}.item-info{min-width:0}.item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.item-unit{font-size:var(--text-sm);color:var(--text-muted)}.item-ordered{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-secondary);text-align:center}.item-delivered{justify-content:flex-end;display:flex}.qty-input{width:80px;padding:var(--space-sm);border:1px solid var(--pale-slate-light);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);text-align:center;background:var(--warm-white)}.qty-input:focus{border-color:var(--dusty-olive);outline:none;box-shadow:0 0 0 2px #7e918133}.qty-input.modified{border-color:var(--warning);background:var(--warning-bg)}.qty-input.zeroed{border-color:var(--error);background:var(--error-bg)}.item-reason{margin-top:var(--space-xs);grid-column:1/-1}.reason-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--pale-slate-light);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--warm-white)}.reason-input:focus{border-color:var(--dusty-olive);outline:none}.reconcile-notes{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--pale-slate-light)}.input-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);display:block}.input-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--pale-slate-light);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);resize:none;background:var(--cream)}.input-textarea:focus{border-color:var(--dusty-olive);outline:none}.reconcile-summary{padding:var(--space-sm) var(--space-md);background:var(--gunmetal);color:#fff}.summary-row{padding:var(--space-xs) 0;font-size:var(--text-sm);opacity:.8;justify-content:space-between;display:flex}.summary-row.adjusted{font-weight:600;font-size:var(--text-base);opacity:1}.summary-row.difference{color:var(--terracotta);font-weight:500}.modal-footer{gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--pale-slate-light);display:flex}.btn-modal{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;font-weight:500}.btn-modal.primary{background:var(--dusty-olive);color:#fff}.btn-modal.primary:hover:not(:disabled){background:var(--dusty-olive-dark)}.btn-modal.primary:disabled{background:var(--pale-slate);cursor:not-allowed}.btn-modal.secondary{background:var(--cream);color:var(--text-secondary)}.btn-modal.secondary:hover{background:var(--cream-dark)}.loading{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.add-product-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--pale-slate-light)}.add-product-header{margin-bottom:var(--space-sm)}.add-product-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.add-product-controls{gap:var(--space-sm);align-items:stretch;display:flex}.add-product-controls .input-select{padding:var(--space-sm);border:1px solid var(--pale-slate-light);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--cream);color:var(--text-primary);flex:1}.add-product-controls .input-select:focus{border-color:var(--dusty-olive);outline:none}.btn-add-product{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--dusty-olive);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;border:none;font-weight:500;display:flex}.btn-add-product:hover{background:var(--dusty-olive-dark)}.btn-add-product:disabled{background:var(--pale-slate);cursor:not-allowed}.added-products-list{gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;display:flex}.added-product-item{gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--dusty-olive);border-radius:var(--radius-md);background:linear-gradient(135deg,#7e91811f,#7e91810f);grid-template-columns:1fr 80px 70px auto auto;align-items:center;display:grid}.added-product-info{min-width:0}.added-product-name{color:var(--text-primary);align-items:center;gap:var(--space-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:flex;overflow:hidden}.added-badge{font-size:var(--text-xs);background:var(--dusty-olive);color:#fff;border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-weight:500}.added-product-meta{font-size:var(--text-sm);color:var(--text-muted)}.added-product-qty{align-items:center;gap:var(--space-xs);display:flex}.added-qty-input{width:70px;padding:var(--space-xs);border:1px solid var(--dusty-olive);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center;background:var(--warm-white)}.added-qty-input:focus,.added-rate-input:focus{border-color:var(--dusty-olive-dark);outline:none;box-shadow:0 0 0 2px #7e918133}.added-product-rate{align-items:center;display:flex}.added-rate-input{width:70px;padding:var(--space-xs);border:1px solid var(--dusty-olive);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center;background:var(--warm-white)}.added-product-amount{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:500}.contract-badge{font-size:var(--text-xs);background:var(--terracotta);color:#fff;border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-weight:500}.added-rate-input.contract-locked{background:var(--cream);color:var(--text-muted);cursor:not-allowed;border-style:dashed}.btn-remove-product{border-radius:var(--radius-sm);background:var(--error-bg);width:28px;height:28px;color:var(--error);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.btn-remove-product:hover{background:var(--error);color:#fff}@media (width<=480px){.stats-bar{padding:var(--space-sm)}.stat-value{font-size:var(--text-lg)}.reconciliation-content{padding:var(--space-sm)}.reconciliation-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh;margin-top:auto}.items-header,.reconcile-item{grid-template-columns:1fr 60px 80px}.qty-input{width:70px;padding:var(--space-xs)}}@media (width<=767px){.qty-input{font-size:16px}}