body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.invoice-form-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.invoice-form-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1200px;width:100%}.invoice-form-header{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);border-bottom:3px solid #d4af37;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 30px}.invoice-form-header h2{font-size:24px;margin:0}.invoice-form-content{flex:1 1;overflow-y:auto;padding:30px}.invoice-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px;padding:20px}.invoice-section h3{border-bottom:2px solid #d4af37;color:#d4af37;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;padding-bottom:10px;text-transform:uppercase}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.totals-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-control:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}.form-control:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.client-info-display{grid-gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:15px}.client-info-display div{color:#374151;font-size:14px}.client-info-display strong{color:#1f2937;margin-right:8px}.line-items-table{margin-top:15px;overflow-x:auto}.line-items-table table{background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.line-items-table th{background:linear-gradient(135deg,#d4af37,#f4e4b8);border-bottom:2px solid #d4af37;color:#1f2937;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.line-items-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:10px 12px}.line-items-table tr:hover{background:#f9fafb}.line-items-table input,.line-items-table select{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}.line-items-table input:focus,.line-items-table select:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3726;outline:none}.btn-delete-mini{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.btn-delete-mini:hover{background:#dc2626}.invoice-form-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-action{background:#6b7280;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-action:hover{background:#4b5563}.btn-action:disabled{background:#9ca3af;cursor:not-allowed}.btn-add-item{align-items:center;background:#fff;border:2px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:10px 20px;transition:all .3s}.btn-add-item:hover{background:linear-gradient(135deg,#d4af37,#f4e4b8);box-shadow:0 4px 12px #d4af374d;color:#1f2937;transform:translateY(-1px)}.btn-add-item:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#d4af37,#f4e4b8);color:#1f2937;letter-spacing:.3px;padding:12px 28px}.btn-primary:hover{box-shadow:0 6px 16px #d4af3766}.success-banner{background:#d1fae5;border-left:4px solid #10b981;border-radius:6px;color:#065f46;font-size:14px;font-weight:500;padding:12px 16px}@media (max-width:768px){.invoice-form-overlay{padding:0}.invoice-form-container{border-radius:0;max-height:100vh;max-width:100%}.invoice-form-footer,.invoice-form-header{border-radius:0}.form-grid,.totals-grid{grid-template-columns:1fr}.line-items-table{font-size:12px}.line-items-table td,.line-items-table th{padding:8px}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.delivery-view-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.delivery-view-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:95vh;max-width:900px;overflow-y:auto;width:100%}.delivery-view-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.delivery-view-header h2{font-size:22px;font-weight:700;margin:0 0 4px}.delivery-view-header p{font-size:13px;margin:0;opacity:.9}.status-banner{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom:2px solid #10b981;padding:20px 28px;text-align:center}.status-badge{background:#fff;border:2px solid #10b981;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#065f46;font-size:18px;font-weight:700;padding:12px 24px}.view-section{border-bottom:2px solid #f3f4f6;padding:24px 28px}.view-section:last-of-type{border-bottom:none}.view-section h3{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.info-grid{grid-gap:16px;gap:16px}.info-item{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:12px}.info-label{color:#6b7280;flex-shrink:0;font-size:14px;font-weight:600}.info-value{color:#111827;font-size:14px;font-weight:500;text-align:right;word-break:break-word}.info-value.signature-name{color:#4f46e5;font-size:16px;font-weight:700}.info-value.accepted{color:#059669;font-weight:700}.info-value.not-accepted{color:#dc2626;font-weight:700}.items-delivered-list{grid-gap:10px;display:grid;gap:10px}.delivered-item{background:#f9fafb;border-left:4px solid #10b981;border-radius:8px;gap:16px;padding:14px}.delivered-item,.item-index{align-items:center;display:flex}.item-index{background:#10b981;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.item-details{flex:1 1}.item-name{font-size:15px}.item-meta{color:#6b7280;font-size:13px}.signature-section{background:#fffbeb}.liability-statement-box{background:#fff;border:2px solid #fcd34d;border-radius:8px;margin-bottom:20px;padding:16px}.liability-statement-box h4{color:#92400e;font-size:15px;font-weight:700;margin:0 0 12px}.liability-statement-box p{color:#78350f;font-size:14px;line-height:1.6;margin:0}.liability-statement-box strong{color:#92400e}.signature-info{grid-gap:12px;display:grid;gap:12px;margin-bottom:20px}.signature-display{background:#fff;border:2px solid #4f46e5;border-radius:12px;padding:20px}.signature-display label{color:#374151;display:block;font-size:15px;font-weight:700;margin-bottom:12px}.signature-image-container{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;justify-content:center;min-height:180px;padding:20px}.signature-image{display:block;max-height:200px;max-width:100%}.notes-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.photo-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden}.photo-item img{display:block;height:200px;object-fit:cover;width:100%}.view-actions{background:#f9fafb;border-radius:0 0 16px 16px;display:flex;gap:12px;justify-content:flex-end;padding:24px 28px}.btn-secondary{border-radius:8px;font-size:15px;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f9fafb}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;font-size:15px;font-weight:700;padding:12px 32px}.btn-primary:hover{box-shadow:0 6px 16px #6366f166}@media print{.delivery-view-overlay{background:#fff;padding:0;position:static}.delivery-view-container{box-shadow:none;max-height:none;max-width:100%}.close-btn,.view-actions{display:none}.delivery-view-header{background:#4f46e5}.delivery-view-header,.status-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact}.status-banner{background:#d1fae5}}@media (max-width:640px){.delivery-view-overlay{align-items:flex-start;padding:0}.delivery-view-container{border-radius:0;max-height:100vh}.delivery-view-header{border-radius:0}.info-item{align-items:flex-start;flex-direction:column;gap:4px}.info-value{text-align:left}.photos-grid{grid-template-columns:1fr}.view-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.payment-log-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.payment-log-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;width:100%}.payment-log-header{align-items:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.payment-log-header h2{font-size:24px;margin:0}.payment-summary{grid-gap:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:25px 30px}.summary-item{text-align:center}.summary-label{font-size:12px;margin-bottom:8px}.summary-value{font-size:28px;font-weight:700}.payment-log-content{flex:1 1;overflow-y:auto;padding:30px}.btn-add-payment{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:25px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-add-payment:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.payment-form{background:#f9fafb;border:2px solid #10b981;border-radius:8px;margin-bottom:30px;padding:25px}.payment-form h3{color:#1f2937;font-size:18px;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-actions{display:flex;gap:12px;justify-content:flex-end}.payments-list h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;margin:0 0 20px;padding-bottom:12px}.loading-payments,.no-payments{color:#6b7280;padding:40px 20px;text-align:center}.spinner-small{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:40px;margin:0 auto 15px;width:40px}.no-payments-icon{font-size:48px;margin-bottom:15px;opacity:.4}.payments-table{overflow-x:auto}.payments-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.payments-table th{background:#10b981;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;padding:12px;text-align:left;text-transform:uppercase}.payments-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:12px}.payments-table tr:hover{background:#f9fafb}.method-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.btn-delete-sm,.btn-edit-sm{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.btn-edit-sm{background:#fef3c7;color:#92400e}.btn-edit-sm:hover{background:#fde68a}.btn-delete-sm{background:#fee2e2;color:#991b1b}.btn-delete-sm:hover{background:#fecaca}.payment-log-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 30px}.btn-close-modal{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s}.btn-close-modal:hover{background:#4b5563}.btn-primary{padding:10px 24px}.btn-secondary{padding:10px 20px}@media (max-width:768px){.payment-log-overlay{padding:0}.payment-log-container{border-radius:0;max-height:100vh;max-width:100%}.payment-log-footer,.payment-log-header{border-radius:0}.form-grid{grid-template-columns:1fr}.form-group{grid-column:span 1!important}.payments-table{font-size:12px}.payments-table td,.payments-table th{padding:8px}}.payment-method-selector-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-method-selector{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.payment-selector-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 30px}.payment-selector-header h2{font-size:24px;font-weight:600;margin:0}.close-btn:hover{transform:rotate(90deg)}.invoice-summary{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 30px}.summary-row{display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px}.summary-row span{color:#666}.summary-row strong{color:#333;font-weight:600}.surcharge-row{border-top:1px dashed #ddd;color:#ff6b6b;padding-top:8px}.surcharge-row strong{color:#ff6b6b}.total-row{border-top:2px solid #667eea;font-size:18px;margin-top:8px;padding-top:8px}.total-row strong{color:#667eea;font-size:20px}.payment-methods-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:30px}@media (max-width:768px){.payment-methods-grid{grid-template-columns:1fr}}.payment-method-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:24px;position:relative;transition:all .2s}.payment-method-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.payment-method-card.selected{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;border-width:3px;box-shadow:0 6px 20px #667eea33}.payment-method-card.recommended,.payment-method-card.recommended.selected,.payment-method-card.recommended:hover{border-color:#51cf66}.recommended-badge{background:linear-gradient(135deg,#51cf66,#37b24d);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:10px;text-transform:uppercase;top:-10px}.method-icon{font-size:48px;margin-bottom:12px;text-align:center}.payment-method-card h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.method-description{color:#666;font-size:14px;margin-bottom:16px;min-height:40px;text-align:center}.method-details{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;padding-top:16px}.method-amount{text-align:center}.free-badge{background:linear-gradient(135deg,#51cf66,#37b24d);letter-spacing:.5px;text-transform:uppercase}.fee-badge,.free-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 16px}.fee-badge{background:#ff6b6b}.method-total{color:#667eea;font-size:24px;font-weight:700;margin:4px 0;text-align:center}.processing-time{color:#999;font-size:12px;font-style:italic;text-align:center}.selected-checkmark{align-items:center;animation:pop .3s ease-out;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.payment-selector-footer{background:#f8f9fa;border-top:2px solid #e0e0e0;display:flex;gap:16px;justify-content:space-between;padding:24px 30px}.btn-cancel,.btn-continue{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-cancel{border:2px solid #ddd;color:#666}.btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:#999}.btn-continue{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-continue:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-continue:disabled{cursor:not-allowed;opacity:.5;transform:none}.payment-security-notice{align-items:flex-start;background:#f0f7ff;border-radius:0 0 12px 12px;display:flex;gap:12px;padding:16px 30px 24px}.security-icon{flex-shrink:0}.payment-security-notice p{color:#555;font-size:13px;line-height:1.5;margin:0}.payment-instructions-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.payment-instructions{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:95%}.payment-instructions .close-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.payment-instructions .close-btn:hover{background:#0000001a;transform:rotate(90deg)}.payment-instructions-content{padding:30px}.instructions-header{border-bottom:2px solid #e0e0e0;margin-bottom:32px;padding-bottom:24px;text-align:center}.method-icon-large{font-size:72px;margin-bottom:16px}.instructions-header h2{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.instructions-subtitle{color:#666;font-size:16px;margin:0}.instructions-section{margin-bottom:28px}.instructions-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.info-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;line-height:1.8;padding:20px;transition:all .2s}.info-box.copyable{cursor:pointer;position:relative}.info-box.copyable:hover{background:#f0f4ff;border-color:#667eea}.copy-hint{color:#667eea;display:block;font-size:12px;font-style:italic;margin-top:8px}.copied-indicator{animation:fadeIn .2s;color:#51cf66;display:inline-block;font-weight:600;margin-left:8px}.instructions-list{list-style:none;margin:0;padding:0}.instructions-list li{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px;padding:16px}.instructions-list li strong{color:#333;margin-right:8px}.copy-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:6px 14px;transition:all .2s}.copy-btn:hover{background:#5568d3;transform:translateY(-1px)}.bank-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.bank-info-item{background:#f8f9fa;border-radius:10px;padding:16px}.bank-info-item.full-width{grid-column:1/-1}.bank-info-item label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.bank-info-value{color:#333;font-family:Courier New,monospace;font-size:16px;font-weight:600;transition:all .2s}.bank-info-value.copyable{background:#fff;border:2px solid #0000;border-radius:6px;cursor:pointer;padding:8px;position:relative}.bank-info-value.copyable:hover{border-color:#667eea;color:#667eea}.bank-info-value.copyable .copied-indicator{font-size:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.amount-highlight{background:linear-gradient(135deg,#f0f4ff,#fff);border:2px solid #667eea;border-radius:6px;color:#667eea;font-size:24px;padding:12px;text-align:center}.zelle-steps{display:flex;flex-direction:column;gap:20px}.step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.step-content p{color:#666;font-size:14px;margin:0 0 8px}.zelle-recipient{background:#f0f7ff;border:2px solid #667eea;border-radius:10px;cursor:pointer;font-size:18px;padding:16px;position:relative;text-align:center;transition:all .2s}.zelle-recipient:hover{background:#e6f0ff;transform:translateY(-2px)}.zelle-alt{font-size:13px!important;margin-top:8px!important;text-align:center}.amount-display{background:linear-gradient(135deg,#51cf66,#37b24d);border-radius:10px;color:#fff;font-size:28px;font-weight:700;padding:16px;text-align:center}.memo-box{background:#fff9e6;border:2px solid #ffd43b;border-radius:8px;cursor:pointer;font-family:Courier New,monospace;font-weight:600;padding:12px;text-align:center;transition:all .2s}.memo-box:hover{background:#fff3cd}.processing-info{align-items:flex-start;background:#f0f7ff;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.processing-info.instant{background:#e6fcf0;border-left-color:#51cf66}.info-icon{flex-shrink:0;font-size:24px}.processing-info p{color:#555;font-size:14px;line-height:1.6;margin:0}.credit-card-notice{background:#fff9e6;border:2px solid #ffd43b;border-radius:10px;margin-bottom:24px;padding:20px;text-align:center}.credit-card-notice p{color:#666;margin:0 0 12px}.credit-card-notice p:last-child{margin-bottom:0}.total-highlight{font-size:20px}.total-highlight strong{color:#667eea;font-size:24px}.stripe-placeholder{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:60px 30px;position:relative;text-align:center}.coming-soon-badge{background:linear-gradient(135deg,#ffd43b,#ffa94d);border-radius:20px;color:#333;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.stripe-placeholder p{color:#666;margin:12px 0}.stripe-note{color:#999;font-size:14px;font-style:italic}.btn-back,.btn-payment-sent{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s;width:100%}.btn-payment-sent{background:linear-gradient(135deg,#51cf66,#37b24d);box-shadow:0 4px 12px #51cf664d;color:#fff}.btn-payment-sent:hover:not(:disabled){box-shadow:0 6px 16px #51cf6666;transform:translateY(-2px)}.btn-payment-sent:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-back:hover{background:#f0f4ff}.security-footer{align-items:center;background:#f8f9fa;border-radius:0 0 16px 16px;display:flex;gap:12px;padding:20px 30px}.security-icon{font-size:20px}.security-footer p{color:#666;font-size:13px;line-height:1.5;margin:0}@media (max-width:640px){.bank-info-grid{grid-template-columns:1fr}.bank-info-item{grid-column:1}.method-icon-large{font-size:56px}.instructions-header h2{font-size:24px}.payment-instructions-content{padding:20px}}.invoice-management-page{background:#f3f4f6;min-height:100vh}.invoice-management-container{margin:0 auto;max-width:1400px;padding:30px 20px}.page-header{align-items:flex-start;display:flex;justify-content:space-between}.page-header h1{color:#1f2937;margin:0 0 5px}.btn-refresh{background:linear-gradient(135deg,#d4af37,#f4e4b8);border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:transform .2s,box-shadow .2s}.btn-refresh:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6;transform:none}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border-left:5px solid #d4af37;box-shadow:0 2px 8px #00000014}.stat-value{color:#1f2937;font-size:32px;margin-bottom:8px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.filters-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.status-filter{border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:border-color .2s}.status-filter:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.invoices-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.invoices-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.invoices-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.invoices-table tbody tr:hover{background:#f9fafb}.invoices-table td{color:#374151;font-size:14px;padding:16px 12px}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.btn-action-sm{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.btn-view{background:#dbeafe;color:#1e40af}.btn-view:hover{background:#bfdbfe}.btn-edit{background:#fef3c7;color:#92400e}.btn-edit:hover{background:#fde68a}.btn-duplicate{background:#e0e7ff;color:#3730a3}.btn-duplicate:hover{background:#c7d2fe}.btn-status{background:#f3f4f6;color:#374151;font-size:12px;padding:6px 8px}.btn-status:hover{background:#e5e7eb}.btn-delete{background:#fee2e2;color:#991b1b}.btn-delete:hover{background:#fecaca}.empty-state,.loading-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.spinner{border:4px solid #e5e7eb;border-top-color:#4f46e5}.empty-state p,.loading-state p{color:#6b7280;font-size:14px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1f2937;font-size:20px;margin:10px 0}@media (max-width:1200px){.invoices-table{font-size:13px}.invoices-table td,.invoices-table th{padding:12px 8px}}@media (max-width:768px){.page-header{flex-direction:column;gap:15px}.btn-refresh{align-self:flex-start}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.search-input,.status-filter{width:100%}.invoices-table-container{overflow-x:auto}.invoices-table{min-width:900px}.action-buttons{flex-direction:column;width:100%}.btn-action-sm{width:100%}}.delivery-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1500}.delivery-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.delivery-modal-header{align-items:flex-start;background:linear-gradient(135deg,#10b981,#059669);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.delivery-modal-header h2{font-size:24px;margin:0}.delivery-modal-content{flex:1 1;overflow-y:auto;padding:30px}.section{margin-bottom:30px}.section h3{border-bottom:2px solid #e5e7eb;font-size:16px;margin:0 0 15px;padding-bottom:8px}.items-list{display:flex;flex-direction:column;gap:10px;padding:5px}.item-card{align-items:center;background:#f9fafb;border-left:4px solid #10b981;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.item-info{flex:1 1}.item-name{color:#1f2937;font-size:14px;margin-bottom:4px}.item-details{color:#6b7280;font-size:12px}.item-badges{display:flex;gap:6px}.badge{font-size:11px;padding:4px 10px}.badge-good{background:#d1fae5;color:#065f46}.form-group label{font-size:13px;margin-bottom:6px}.form-control{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-hint{color:#6b7280;display:block;font-size:12px;margin-top:4px}.summary-section{background:#f9fafb;border:2px solid #10b981;border-radius:8px;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-item{display:flex;flex-direction:column}.summary-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.summary-value{color:#1f2937;font-size:14px;font-weight:600}.notice-box{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;display:flex;gap:12px;margin-top:20px;padding:15px}.notice-icon{flex-shrink:0;font-size:24px}.notice-box strong{color:#1e40af;font-size:14px}.notice-box ul{color:#1e3a8a;font-size:13px}.delivery-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:14px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 4px 12px #10b9814d}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background:#fff;border:1px solid #d1d5db;font-size:14px;font-weight:600;padding:12px 20px;transition:background .2s,border-color .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.close-btn{height:40px;width:40px}.close-btn:hover{background:#fff3}.error-banner{background:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-weight:500;margin-bottom:20px;padding:12px 16px}@media (max-width:768px){.delivery-modal-overlay{padding:0}.delivery-modal-container{border-radius:0;max-height:100vh;max-width:100%}.delivery-modal-footer,.delivery-modal-header{border-radius:0}.summary-grid{grid-template-columns:1fr}.delivery-modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.box-label-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.box-label-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.box-label-header{align-items:center;background:linear-gradient(135deg,#6d28d9,#7c3aed);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.box-label-header h2{font-size:20px;font-weight:700;margin:0}.box-label-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:background .2s;width:36px}.box-label-header .close-btn:hover{background:#ffffff4d}.box-label-content{flex:1 1;overflow-y:auto;padding:24px}.loading-boxes{padding:40px;text-align:center}.loading-boxes .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6d28d9;height:40px;margin:0 auto 16px;width:40px}.no-boxes{padding:40px;text-align:center}.no-boxes-icon{font-size:48px;margin-bottom:16px}.no-boxes h3{color:#1f2937;margin:0 0 8px}.no-boxes p{color:#6b7280;margin:0 0 20px}.btn-generate{background:linear-gradient(135deg,#6d28d9,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-generate:hover{box-shadow:0 4px 12px #6d28d94d;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6;transform:none}.boxes-actions{display:flex;gap:12px;margin-bottom:20px}.btn-print-all{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.btn-print-all:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-regenerate{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.btn-regenerate:hover{background:#e5e7eb}.btn-regenerate:disabled{cursor:not-allowed;opacity:.6}.boxes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.box-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:border-color .2s,box-shadow .2s}.box-card:hover{border-color:#6d28d9;box-shadow:0 4px 12px #6d28d91a}.box-number{color:#6d28d9;font-size:16px;font-weight:700;margin-bottom:12px}.box-qr{display:flex;justify-content:center;margin-bottom:12px}.box-status{margin-bottom:8px}.box-qr-code{color:#9ca3af;font-size:9px;margin-bottom:12px;word-break:break-all}.btn-print-single{background:#6d28d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background .2s;width:100%}.btn-print-single:hover{background:#5b21b6}@media (max-width:640px){.box-label-modal{border-radius:0;max-height:100vh}.boxes-grid{grid-template-columns:repeat(2,1fr)}.boxes-actions{flex-direction:column}}.box-scanner-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.box-scanner-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.box-scanner-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.box-scanner-header h2{font-size:20px;font-weight:700;margin:0}.box-scanner-header p{font-size:14px;margin:5px 0 0;opacity:.9}.box-scanner-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:background .2s;width:36px}.box-scanner-header .close-btn:hover{background:#ffffff4d}.box-scanner-content{flex:1 1;overflow-y:auto;padding:24px}.scan-form{margin-bottom:20px}.scan-input-wrapper{display:flex;gap:12px}.scan-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:18px;padding:16px;transition:border-color .2s}.scan-input:focus{border-color:#10b981;outline:none}.scan-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.scan-button:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.scan-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.scan-result{align-items:flex-start;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.scan-result.success{background:#d1fae5;border:2px solid #10b981}.scan-result.error{background:#fef3c7;border:2px solid #f59e0b}.scan-result-icon{flex-shrink:0;font-size:24px}.scan-result-message{color:#1f2937;font-weight:600;margin-bottom:8px}.scan-result-details{grid-gap:4px;color:#4b5563;display:grid;font-size:13px;gap:4px}.recent-scans{margin-bottom:20px}.recent-scans h3{color:#374151;font-size:16px;margin:0 0 12px}.scans-list{display:flex;flex-direction:column;gap:8px}.scan-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.scan-item.just-scanned{background:#d1fae5;border-color:#10b981}.scan-item-info{flex:1 1}.scan-item-name{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-weight:600;gap:8px}.box-badge{background:#ede9fe;border-radius:10px;color:#6d28d9;font-size:11px;font-weight:600;padding:2px 8px}.scan-item-project{color:#6b7280;font-size:13px;margin-top:4px}.scan-status-badge{background:#d1fae5;border-radius:12px;color:#065f46;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.scanner-instructions{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;padding:16px}.scanner-instructions h4{color:#0369a1;font-size:14px;margin:0 0 12px}.scanner-instructions ol{color:#0369a1;font-size:13px;line-height:1.8;margin:0;padding-left:20px}@media (max-width:640px){.box-scanner-modal{border-radius:0;max-height:100vh}.scan-input-wrapper{flex-direction:column}.scan-input{font-size:16px}.scan-button{width:100%}}.receiving-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.receiving-modal-container{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.receiving-modal-container.large{max-width:900px}.receiving-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.receiving-modal-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.close-btn{background:none;border-radius:4px;color:#9ca3af;font-size:32px;height:32px;padding:0;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.receiving-modal-content{padding:24px}.item-info-section{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.item-info-section h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{color:#6b7280;font-size:14px}.info-item strong{color:#374151;margin-right:4px}.form-group label .required{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{font-family:inherit;min-height:80px}.form-file-input{border-radius:6px;display:block;padding:10px}.form-file-input:hover{background:#f0f9ff;border-color:#3b82f6}.photo-preview-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.photo-preview{border:1px solid #e5e7eb;border-radius:6px;height:100px}.modal-actions{border-top:1px solid #e5e7eb;flex-direction:column;margin-top:24px}.btn{border-radius:6px;font-size:15px;font-weight:500;padding:12px 20px;text-align:center}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#059669}.btn-primary:hover:not(:disabled){background:#047857;box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.btn-secondary{background:#3b82f6;color:#fff}.btn-secondary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-cancel{background:#f3f4f6}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-large{font-size:16px;padding:14px 24px}.help-section{background:#eff6ff;border-radius:6px;margin-top:20px}.help-section p{font-size:13px;margin:8px 0}.help-section p:first-child{margin-top:0}.help-section p:last-child{margin-bottom:0}.help-section strong{color:#1e3a8a}.actions-section{background:#f9fafb;border-radius:8px;margin-top:24px;padding:20px;text-align:center}.actions-section .help-text{font-size:14px;margin-bottom:16px}.actions-section .btn{margin:8px;min-width:200px}@media (max-width:640px){.receiving-modal-overlay{padding:10px}.receiving-modal-container{max-height:95vh}.receiving-modal-header{padding:16px}.receiving-modal-header h2{font-size:20px}.receiving-modal-content{padding:16px}.info-grid{grid-template-columns:1fr}.btn{width:100%}.actions-section .btn{margin:8px 0;width:100%}}@media (hover:none) and (pointer:coarse){.btn{font-size:16px;min-height:48px}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px}.close-btn{font-size:36px;height:44px;width:44px}}.add-item-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-item-modal-container{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.add-item-modal-header{align-items:center;background:linear-gradient(135deg,#6d28d9,#8b5cf6);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px}.add-item-modal-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.add-item-modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.add-item-modal-header .close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.add-item-modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.add-item-modal-content{padding:24px}.section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.section:last-of-type{border-bottom:none;margin-bottom:0}.section h3{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:8px;margin:0 0 16px}.pickup-section{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:16px}.pickup-section h3{color:#6d28d9}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group .required{color:#dc2626;margin-left:4px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.form-textarea{min-height:60px;resize:vertical}.form-row{grid-gap:16px;gap:16px}.help-text{color:#6b7280;display:block;font-size:13px;font-style:italic;margin-top:6px}.form-file-input{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s;width:100%}.form-file-input:hover:not(:disabled){background:#f3f4f6;border-color:#6d28d9}.form-file-input:disabled{cursor:not-allowed;opacity:.5}.photo-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.photo-preview-item{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.photo-preview{display:block;height:120px;object-fit:cover;width:100%}.remove-photo-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:4px;top:4px;transition:all .2s;width:28px}.remove-photo-btn:hover{background:#dc2626;transform:scale(1.1)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 4px 12px #6d28d94d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 6px 16px #6d28d966;transform:translateY(-2px)}.btn-primary:disabled{transform:none}.btn-secondary{background:#f3f4f6;border:2px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-cancel{color:#6b7280}.btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-sm{font-size:14px;padding:8px 16px}.btn-large{font-size:18px;padding:16px 32px}.modal-actions{border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.help-section{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;margin-top:24px;padding:16px}.help-section p{color:#1e40af;font-weight:600;margin:0 0 8px}.help-section ul{color:#374151;margin:8px 0 0;padding-left:20px}.help-section ul li{font-size:14px;margin-bottom:4px}@media (max-width:640px){.add-item-modal-overlay{padding:10px}.add-item-modal-container{max-height:95vh}.add-item-modal-header{padding:16px}.add-item-modal-header h2{font-size:20px}.add-item-modal-content{padding:16px}.section{margin-bottom:24px;padding-bottom:16px}.section h3{font-size:16px}.form-row{gap:0;grid-template-columns:1fr}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px}.btn{padding:14px;width:100%}.modal-actions{flex-direction:column-reverse;gap:8px}.photo-preview-grid{grid-template-columns:repeat(2,1fr)}.add-item-modal-header .close-btn{font-size:28px;height:40px;width:40px}}@media (hover:none) and (pointer:coarse){.btn,.form-file-input,.form-input,.form-select,.form-textarea,.remove-photo-btn{min-height:44px}.form-input,.form-select,.form-textarea{font-size:16px}}.staging-workflow-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.staging-workflow-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.staging-header{align-items:flex-start;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 24px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.staging-header h2{color:#2c3e50;font-size:26px;margin:0 0 8px}.route-name{color:#34495e;font-size:16px;font-weight:600;margin:4px 0}.route-date{color:#7f8c8d;font-size:14px;margin:4px 0}.close-btn{align-items:center;background:#ecf0f1;color:#7f8c8d;display:flex;font-size:24px;justify-content:center;line-height:1;transition:all .2s}.close-btn:hover{background:#d5dbdb;color:#2c3e50}.error-banner{background:#ffe8e8;border-left:4px solid #e74c3c;border-radius:8px;color:#c0392b;font-size:14px;margin:20px 24px;padding:16px}.staging-progress-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:24px;padding:24px}.progress-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.progress-stat{text-align:center}.progress-stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.progress-stat-label{font-size:12px;letter-spacing:1px;opacity:.9;text-transform:uppercase}.progress-bar-large{background:#ffffff4d;border-radius:8px;height:16px;overflow:hidden}.progress-fill-large{background:#fff;border-radius:8px;height:100%;transition:width .4s ease}.staging-location-input{background:#f8f9fa;border-radius:8px;margin:24px;padding:20px}.staging-location-input label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.location-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:border-color .2s;width:100%}.location-input:focus{border-color:#3498db;outline:none}.staging-location-input small{color:#7f8c8d;display:block;font-size:12px;margin-top:6px}.scan-action{margin:0 24px 24px}.scan-boxes-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s;width:100%}.scan-boxes-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db66;transform:translateY(-1px)}.scan-boxes-btn:active{transform:translateY(0)}.staging-items-list{margin:0 24px 24px}.staging-items-list h3{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:18px;margin:0 0 16px;padding-bottom:12px}.no-items-message{color:#7f8c8d;font-size:15px;padding:40px;text-align:center}.items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.staging-item-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .2s}.staging-item-card:hover{border-color:#3498db;box-shadow:0 4px 12px #00000014}.staging-item-card.complete{background:#f0fdf4;border-color:#6bcf7f}.item-header{align-items:flex-start;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.item-name{align-items:center;color:#2c3e50;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px}.complete-icon{font-size:18px}.item-progress-badge{background:#ecf0f1;border-radius:12px;color:#7f8c8d;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.staging-item-card.complete .item-progress-badge{background:#d5f4e6;color:#27ae60}.item-details{margin-bottom:12px}.item-detail{color:#7f8c8d;font-size:13px;margin:4px 0}.item-detail strong{color:#2c3e50}.boxes-grid{display:flex;flex-wrap:wrap;gap:6px}.box-chip{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:16px;color:#7f8c8d;cursor:default;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.box-chip.staged{background:#d5f4e6;border-color:#6bcf7f;color:#27ae60}.no-boxes{color:#95a5a6;font-size:12px;font-style:italic}.staging-actions{background:#fff;border-top:2px solid #e0e0e0;bottom:0;display:flex;gap:12px;padding:20px 24px;position:-webkit-sticky;position:sticky}.cancel-btn{background:#ecf0f1;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#d5dbdb;color:#2c3e50}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.complete-staging-btn{background:linear-gradient(135deg,#6bcf7f,#27ae60);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s}.complete-staging-btn:hover:not(:disabled){box-shadow:0 4px 12px #27ae6066;transform:translateY(-1px)}.complete-staging-btn:active:not(:disabled){transform:translateY(0)}.complete-staging-btn:disabled{cursor:not-allowed;opacity:.6}.scan-boxes-btn-secondary{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s}.scan-boxes-btn-secondary:hover{background:#2980b9;box-shadow:0 4px 12px #3498db66;transform:translateY(-1px)}.scan-boxes-btn-secondary:active{transform:translateY(0)}.loading-staging{padding:60px 20px;text-align:center}.loading-staging p{color:#7f8c8d;font-size:15px;margin-top:16px}@media (max-width:768px){.staging-workflow-modal{border-radius:0;max-height:100vh}.staging-header{padding:20px 16px 16px}.staging-header h2{font-size:22px}.staging-progress-card{margin:16px;padding:20px 16px}.progress-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.progress-stat-value{font-size:28px}.scan-action,.staging-items-list,.staging-location-input{margin:16px}.items-grid{grid-template-columns:1fr}.staging-actions{flex-direction:column-reverse;padding:16px}}@media (max-width:480px){.progress-stat-value{font-size:24px}.item-header{flex-direction:column;gap:8px}.item-progress-badge{align-self:flex-start}}.tomorrow-routes-view{margin:0 auto;max-width:1400px;padding:20px}.tomorrow-routes-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.tomorrow-routes-header h2{color:#2c3e50;font-size:28px;margin:0 0 8px}.tomorrow-date{color:#7f8c8d;font-size:16px;margin:0}.refresh-btn{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.refresh-btn:hover{background:#2980b9}.error-message,.loading-message{padding:60px 20px;text-align:center}.spinner{border:4px solid #e0e0e0;border-top-color:#3498db;margin:0 auto 20px}.error-message p{color:#e74c3c;font-size:16px;margin-bottom:20px}.retry-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:background .2s}.retry-btn:hover{background:#c0392b}.no-routes-message{background:#f8f9fa;border-radius:12px;margin-top:40px;padding:80px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-routes-message h3{color:#2c3e50;font-size:24px;margin:0 0 12px}.no-routes-message p{color:#7f8c8d;font-size:16px;margin:0 auto;max-width:500px}.routes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px}.route-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:box-shadow .2s,transform .2s}.route-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.route-card-header{align-items:flex-start;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.route-info h3{color:#2c3e50;font-size:20px;margin:0 0 8px}.route-driver,.route-time{color:#7f8c8d;font-size:14px;margin:4px 0}.staging-status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.route-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.stat-value{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#7f8c8d;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.staging-progress-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.progress-header{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:10px}.progress-percentage{color:#3498db;font-size:18px}.progress-bar{background:#e0e0e0;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.progress-fill{border-radius:6px;height:100%;transition:width .3s ease,background-color .3s ease}.progress-details{color:#7f8c8d;font-size:13px;text-align:center}.route-actions{display:flex;gap:12px;margin-bottom:12px}.continue-staging-btn,.start-staging-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:background .2s,transform .1s}.start-staging-btn{background:#3498db;color:#fff}.start-staging-btn:hover{background:#2980b9;transform:scale(1.02)}.start-staging-btn:active{transform:scale(.98)}.continue-staging-btn{background:#f39c12;color:#fff}.continue-staging-btn:hover{background:#e67e22;transform:scale(1.02)}.continue-staging-btn:active{transform:scale(.98)}.staging-completed{background:#d5f4e6;border:2px solid #6bcf7f;border-radius:8px;color:#27ae60;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;text-align:center}.staged-at-time{color:#7f8c8d;font-size:11px;font-weight:400;margin-top:4px}.driver-instructions{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:13px;padding:12px}.driver-instructions strong{color:#856404}@media (max-width:1200px){.routes-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.tomorrow-routes-view{padding:16px}.tomorrow-routes-header{align-items:flex-start;flex-direction:column;gap:16px}.refresh-btn{width:100%}.routes-grid{gap:16px;grid-template-columns:1fr}.route-stats{grid-template-columns:repeat(2,1fr)}.route-actions{flex-direction:column}}@media (max-width:480px){.tomorrow-routes-header h2{font-size:22px}.tomorrow-date{font-size:14px}.route-card{padding:16px}.route-info h3{font-size:18px}.staging-status-badge{font-size:10px;padding:4px 10px}}.delivery-confirmation-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.delivery-confirmation-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:95vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delivery-confirmation-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.delivery-confirmation-header h2{font-size:22px;font-weight:700;margin:0 0 4px}.delivery-confirmation-header p{font-size:13px;margin:0;opacity:.9}.close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:36px;transition:background .2s;width:36px}.close-btn:hover{background:#ffffff4d}.close-btn:disabled{cursor:not-allowed;opacity:.5}.delivery-details-section{border-bottom:2px solid #f3f4f6;padding:24px 28px}.delivery-details-section h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 16px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:14px;font-weight:600}.detail-value{color:#111827;font-size:14px;font-weight:500;max-width:60%;text-align:right}.items-section{background:#f9fafb;border-bottom:2px solid #f3f4f6;padding:24px 28px}.items-section h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 16px}.items-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.item-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;font-size:14px;gap:12px;grid-template-columns:30px 1fr auto auto;padding:10px}.item-row:last-child{border-bottom:none}.item-number{color:#6b7280;font-weight:700}.item-name{color:#111827;font-weight:500}.item-qty{background:#f3f4f6;color:#6b7280;font-size:13px}.item-condition,.item-qty{border-radius:6px;padding:4px 10px}.item-condition{background:#d1fae5;color:#059669;font-size:12px;font-weight:600;text-transform:capitalize}.liability-section{background:#fef3c7;border-bottom:2px solid #f3f4f6;padding:24px 28px}.liability-section h3{color:#92400e;font-size:16px;font-weight:700;margin:0 0 12px}.liability-text{background:#fff;border:2px solid #fcd34d;border-radius:8px;margin-bottom:16px;padding:16px}.liability-text p{color:#78350f;font-size:14px;line-height:1.6;margin:0}.liability-text strong{color:#92400e}.liability-checkbox,.liability-checkbox label{align-items:flex-start;display:flex}.liability-checkbox label{color:#78350f;cursor:pointer;font-size:14px;font-weight:500;gap:12px}.liability-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.name-input-section{border-bottom:2px solid #f3f4f6;padding:24px 28px}.name-input-section label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.name-input{border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s;width:100%}.name-input:focus{border-color:#3b82f6;outline:none}.name-input:disabled{background:#f3f4f6;cursor:not-allowed}.signature-section{border-bottom:2px solid #f3f4f6;padding:24px 28px}.signature-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.signature-header label{color:#374151;font-size:14px}.clear-signature-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.clear-signature-btn:hover{background:#dc2626}.clear-signature-btn:disabled{background:#9ca3af;cursor:not-allowed}.signature-pad-container{background:#fff;border:2px solid #3b82f6;border-radius:8px;overflow:hidden;position:relative}.signature-canvas{cursor:crosshair;display:block;height:200px;touch-action:none;width:100%}.signature-line{border-bottom:2px dashed #d1d5db;bottom:40px;left:20px;pointer-events:none;position:absolute;right:20px}.signature-hint{color:#6b7280;font-size:12px;font-style:italic;margin:8px 0 0}.date-section{background:#f9fafb;color:#374151;font-size:14px;padding:16px 28px}.error-message{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;font-size:14px;font-weight:500;margin:0 28px;padding:12px 16px}.confirmation-actions{background:#f9fafb;border-radius:0 0 16px 16px;display:flex;gap:12px;justify-content:flex-end;padding:24px 28px}.btn-cancel{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-confirm{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 32px;transition:transform .2s,box-shadow .2s}.btn-confirm:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-confirm:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:640px){.delivery-confirmation-overlay{align-items:flex-start;padding:0}.delivery-confirmation-container{border-radius:0;max-height:100vh}.delivery-confirmation-header{border-radius:0}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{max-width:100%;text-align:left}.item-row{gap:8px;grid-template-columns:25px 1fr}.item-condition,.item-qty{grid-column:2}.signature-canvas{height:150px}.confirmation-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.auth-card .subtitle{color:#666;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group textarea{resize:vertical}.form-group select{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s;width:100%}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fee;color:#c00}.alert-success{background:#efe;color:#0a0}.text-center{color:#666;margin-top:20px;text-align:center}.text-center a{color:#667eea;font-weight:600;text-decoration:none}.dashboard{background:#f5f7fa;min-height:100vh}.navbar{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:16px 24px}.navbar-brand{color:#667eea;font-size:24px;font-weight:700}.navbar-menu{align-items:center;display:flex;gap:20px}.navbar-menu a{color:#333;font-weight:500;text-decoration:none}.navbar-menu a:hover{color:#667eea}.btn-secondary{background:#f0f0f0;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:500;padding:8px 16px}.btn-secondary:hover{background:#e0e0e0}.container{margin:0 auto;max-width:1200px;padding:40px 20px}.page-header{margin-bottom:30px}.page-header h1{color:#333;font-size:32px;margin-bottom:8px}.page-header p{color:#666}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{color:#333;font-size:20px}.badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge-pending{background:#f0f0f0;color:#666}.badge-in-warehouse{background:#e3f2fd;color:#1976d2}.badge-in-transit{background:#fff3e0;color:#f57c00}.badge-delivered{background:#e8f5e9;color:#388e3c}.badge-cancelled{background:#ffebee;color:#d32f2f}.badge-active{background:#e8f5e9;color:#388e3c}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.stat-card.blue{border-color:#667eea}.stat-card.orange{border-color:#f57c00}.stat-card.green{border-color:#388e3c}.stat-card.purple{border-color:#764ba2}.stat-card h3{color:#666;font-size:14px;margin-bottom:8px;text-transform:uppercase}.stat-card .stat-value{color:#333;font-size:36px;font-weight:700}.shipment-list{list-style:none}.shipment-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:12px;padding:16px;transition:transform .2s}.shipment-item:hover{transform:translateX(4px)}.shipment-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tracking-number{color:#333;font-family:Courier New,monospace;font-size:18px;font-weight:700}.shipment-item-details{color:#666;font-size:14px}.live-indicator{align-items:center;color:#d32f2f;display:inline-flex;font-weight:600;gap:6px}.live-dot{animation:pulse 2s infinite;background:#d32f2f;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.projects-table{border-collapse:collapse;width:100%}.projects-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.projects-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.projects-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.projects-table tbody tr:hover{background-color:#f8f9fa}.projects-table td{color:#333;padding:16px}.projects-table td:first-child{font-weight:500}.btn-view,.btn-view-active{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.btn-view:hover{background:#f0f0f0}.btn-view-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-action{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:6px;transition:all .2s}.btn-action:hover{transform:scale(1.1)}.btn-edit:hover{background:#e3f2fd}.btn-delete:hover{background:#ffebee}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#333;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.modal-close:hover{color:#333}.modal-body{padding:24px}.section{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.section h3{color:#333;font-size:18px;margin-bottom:15px}.section h4{color:#555;font-size:16px;margin-bottom:10px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.upload-area{background:#fff;border:2px dashed #667eea;border-radius:8px;margin-bottom:15px;padding:20px;text-align:center}.upload-area input[type=file]{border:none;padding:10px;width:100%}.parsed-results{background:#fff;border-radius:8px;margin-top:15px;padding:15px}.items-preview{background:#f8f9fa;border-radius:6px;margin-bottom:15px;max-height:200px;overflow-y:auto;padding:10px}.item-preview{border-bottom:1px solid #e0e0e0;font-size:14px;padding:8px}.item-preview:last-child{border-bottom:none}.add-item-form{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.items-table-container{background:#fff;border-radius:8px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead{background:#667eea;color:#fff}.items-table th{font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #e0e0e0;color:#333;padding:12px}.items-table td input,.items-table td select{border:1px solid #e0e0e0;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;padding:6px;width:100%}.editing-row{background:#fffbf0}.btn-save{background:#e8f5e9}.btn-cancel{background:#ffebee}.loading-spinner{color:#667eea;font-weight:600;padding:20px;text-align:center}.project-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-back{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.btn-back:hover{background:#667eea;color:#fff}.project-detail-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px}.project-title{color:#fff;font-size:32px;margin-bottom:10px}.project-meta{color:#fffc;font-size:14px;margin-bottom:20px}.detail-section{background:#fff;border-radius:12px;margin-top:20px;padding:24px}.detail-section h2{color:#333;font-size:20px;margin-bottom:20px}.detail-section input,.detail-section select,.detail-section textarea{color:#333!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.detail-section label{color:#333;font-weight:500}.section-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.upload-section{align-items:center;display:flex;gap:15px;margin-bottom:20px}.upload-button{cursor:pointer}.upload-status{color:#388e3c;font-weight:600}.parsed-results-preview{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.parsed-results-preview h3{color:#333;margin-bottom:10px}.items-preview-list{background:#fff;border-radius:8px;margin:15px 0;max-height:300px;overflow-y:auto;padding:15px}.preview-item{border-bottom:1px solid #e0e0e0;padding:12px}.preview-item:last-child{border-bottom:none}.preview-item-name{color:#333;font-weight:600;margin-bottom:4px}.preview-item-details{color:#666;font-size:13px}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.items-header h2{margin:0}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p:first-child{font-size:48px;margin-bottom:10px}.bottom-actions{border-top:2px solid #e0e0e0;margin-top:40px;padding-top:20px;text-align:center}.success-banner{animation:slideDown .3s ease;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:12px;color:#fff;font-weight:600;margin-bottom:20px;padding:16px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.project-name-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:0;text-align:left;text-decoration:underline;transition:color .2s}.project-name-link:hover{color:#764ba2}.project-name-link-card{cursor:pointer;transition:color .2s}.project-name-link-card:hover{color:#667eea}.project-status-badge{align-items:center;display:flex}.shipments-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.shipment-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.shipment-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.shipment-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.shipment-header strong{color:#333;font-family:Courier New,monospace;font-size:14px}.calendar-view-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.calendar-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.calendar-stat{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.calendar-stat-label{color:#666;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.calendar-stat-value{color:#333;display:block;font-size:32px;font-weight:700}.calendar-wrapper{margin-bottom:24px}.delivery-calendar{border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.delivery-calendar .react-calendar__tile{border:1px solid #e0e0e0;min-height:80px;padding:16px 8px;position:relative}.delivery-calendar .react-calendar__tile--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.delivery-calendar .react-calendar__tile--now{background:#fff3e0}.delivery-calendar .react-calendar__tile.has-deliveries{background:#f0f7ff;cursor:pointer;transition:all .2s}.delivery-calendar .react-calendar__tile.has-deliveries:hover{background:#e0efff;transform:scale(1.02)}.calendar-tile-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.calendar-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.calendar-badge.scheduled{background:#e8f5e9;color:#388e3c}.calendar-badge.in-transit{background:#fff3e0;color:#f57c00}.calendar-badge.pending{background:#f0f0f0;color:#666}.calendar-legend{background:#f8f9fa;border-radius:8px;padding:16px}.calendar-legend h4{color:#333;font-size:14px;margin:0 0 12px}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.calendar-day-deliveries{max-height:500px;overflow-y:auto}.calendar-delivery-card{transition:all .2s}.calendar-delivery-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.time-slot-selector{margin-bottom:20px}.time-slot-card{box-shadow:0 2px 4px #0000001a}.time-slot-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.time-slot-card.selected{box-shadow:0 4px 12px #667eea4d}@media (max-width:768px){.navbar-menu{flex-direction:column;gap:10px}.grid{grid-template-columns:1fr}.page-header{align-items:flex-start!important;flex-direction:column!important;gap:20px}.projects-table{font-size:14px}.projects-table td,.projects-table th{padding:12px 8px}.modal-content{max-height:95vh}.form-row{grid-template-columns:1fr}.items-table{font-size:12px}.items-table td,.items-table th{padding:8px 4px}.calendar-stats{grid-template-columns:1fr 1fr}.delivery-calendar .react-calendar__tile{min-height:60px;padding:8px 4px}.legend-items{flex-direction:column}}
/*# sourceMappingURL=main.b3834346.css.map*/