.stats-bar{display:flex;justify-content:space-around;padding:var(--space-md);background:var(--warm-white);border-bottom:1px solid var(--pale-slate-light);margin-top:60px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.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{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#7e918126,#7e918114);border-bottom:1px solid rgba(126,145,129,.2)}.reconciliation-help-banner .help-icon{font-size:var(--text-lg)}.reconciliation-help-banner .help-text{flex:1;font-size:var(--text-sm);color:var(--text-secondary)}.reconciliation-help-banner .help-dismiss{width:24px;height:24px;border:none;background:none;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.reconciliation-help-banner .help-dismiss:hover{background:#0000000d}.reconciliation-content{padding:var(--space-md);padding-bottom:100px}.order-list{display:flex;flex-direction:column;gap:var(--space-sm)}.order-card{display:flex;align-items:center;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)}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.order-card:active{transform:translateY(0)}.order-avatar{width:48px;height:48px;border-radius:50%;background:var(--dusty-olive);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base);flex-shrink:0;margin-right:var(--space-md)}.order-details{flex:1;min-width:0}.order-customer{font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted)}.order-number{font-family:var(--font-mono)}.order-batch{padding:2px 8px;background:var(--cream);border-radius:10px;font-size:var(--text-xs)}.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{font-size:48px;color:var(--success);margin-bottom:var(--space-md)}.empty-state h3{margin-bottom:var(--space-sm);color:var(--text-primary)}.modal-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);align-items:center;justify-content:center;padding:var(--space-md)}.modal-overlay.active{display:flex}.reconciliation-modal{background:var(--warm-white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);border-bottom:1px solid var(--pale-slate-light)}.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}.btn-close{width:32px;height:32px;border:none;background:none;font-size:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.btn-close:hover{background:var(--cream)}.order-info-bar{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--cream);border-bottom:1px solid var(--pale-slate-light)}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.info-value{font-weight:500;color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-md)}.items-header{display:grid;grid-template-columns:1fr 70px 90px;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)}.items-header span:last-child{text-align:right}.items-header span:nth-child(2){text-align:center}.reconcile-items{display:flex;flex-direction:column;gap:var(--space-sm)}.reconcile-item{display:grid;grid-template-columns:1fr 70px 90px;gap:var(--space-sm);align-items:center;padding:var(--space-sm);background:var(--cream);border-radius:var(--radius-md);transition:all var(--transition-fast)}.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{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{display:flex;justify-content:flex-end}.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{outline:none;border-color:var(--dusty-olive);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{grid-column:1 / -1;margin-top:var(--space-xs)}.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{outline:none;border-color:var(--dusty-olive)}.reconcile-notes{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--pale-slate-light)}.input-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.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{outline:none;border-color:var(--dusty-olive)}.reconcile-summary{padding:var(--space-sm) var(--space-md);background:var(--gunmetal);color:#fff}.summary-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-size:var(--text-sm);opacity:.8}.summary-row.adjusted{font-weight:600;font-size:var(--text-base);opacity:1}.summary-row.difference{color:var(--terracotta);font-weight:500}.modal-footer{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--pale-slate-light)}.btn-modal{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.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)}@media(max-width:480px){.stats-bar{padding:var(--space-sm)}.stat-value{font-size:var(--text-lg)}.reconciliation-content{padding:var(--space-sm)}.reconciliation-modal{max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:auto}.items-header,.reconcile-item{grid-template-columns:1fr 60px 80px}.qty-input{width:70px;padding:var(--space-xs)}}