@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap";.app-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:12px 24px;background-color:var(--harlem-blue);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.app-header__brand{display:flex;align-items:center;gap:12px;height:100%}.app-header__logo{width:32px;height:32px;object-fit:contain}.app-header__brand-text{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;color:#fff;letter-spacing:.5px;margin:0;line-height:1.2}.app-header__brand .environment-badge{margin-left:12px}.app-header__user{display:flex;align-items:center;gap:16px}.app-header__user-name{font-family:Oswald,sans-serif;font-size:14px;font-weight:500;color:#ffffffe6;letter-spacing:.3px}.app-header__auth-button{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:8px 16px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .15s ease-in-out;text-transform:uppercase;letter-spacing:.5px;line-height:1}.app-header__auth-button:hover{background-color:#ffffff40}.app-header__auth-button:active{background-color:#ffffff59}.app-header__auth-button:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}@media (max-width: 768px){.app-header{height:auto;min-height:56px;padding:12px 16px}.app-header__brand-text{font-size:20px}.app-header__user-name{display:none}}@media (prefers-contrast: high){.app-header{border-bottom:2px solid #FFFFFF}}@media (prefers-reduced-motion: reduce){.app-header__auth-button{transition:none}}.environment-badges{display:inline-flex;align-items:center;gap:8px}.environment-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.environment-badge--production{background-color:#d1fae5;color:#065f46;border:1px solid #34d399}.environment-badge--development{background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.feedback-modal{background:#fff;border:2px solid var(--harlem-blue);border-radius:8px;box-shadow:0 8px 32px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem}.feedback-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.feedback-modal__header h2{margin:0;font-size:1.5rem;color:var(--text-primary);font-weight:600}.feedback-modal__close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);transition:color .2s;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.feedback-modal__close:hover:not(:disabled){color:var(--text-primary)}.feedback-modal__close:disabled{opacity:.5;cursor:not-allowed}.feedback-modal__close:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px;border-radius:4px}.feedback-modal__form{display:flex;flex-direction:column;gap:1.5rem}.feedback-modal__field{display:flex;flex-direction:column;gap:.5rem}.feedback-modal__field label{font-weight:600;color:var(--text-primary);font-size:1rem}.feedback-modal__field label span{color:var(--error-red)}.feedback-modal__field textarea{padding:.75rem;border:2px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;resize:vertical;min-height:150px;transition:border-color .2s}.feedback-modal__field textarea:focus{outline:none;border-color:var(--harlem-blue)}.feedback-modal__field textarea:disabled{background:var(--background-secondary);cursor:not-allowed}.feedback-modal__char-count{font-size:.875rem;color:var(--text-secondary);text-align:right}.feedback-modal__help-banner{border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.feedback-modal__help-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background-secondary);border:none;cursor:pointer;font-size:.875rem;color:var(--text-secondary);font-weight:500;transition:background-color .2s}.feedback-modal__help-toggle:hover:not(:disabled){background:var(--background-hover)}.feedback-modal__help-toggle:disabled{cursor:not-allowed;opacity:.6}.feedback-modal__help-toggle:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:-2px}.feedback-modal__help-content{padding:1rem;background:#fff;border-top:1px solid var(--border-color)}.feedback-modal__help-content p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-primary)}.feedback-modal__help-content ol{margin:.5rem 0 0;padding-left:1.5rem;font-size:.875rem;color:var(--text-secondary)}.feedback-modal__help-content li{margin:.25rem 0;line-height:1.5}.feedback-modal__screenshot-preview{border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.feedback-modal__screenshot-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--background-secondary);border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:500;color:var(--text-primary)}.feedback-modal__screenshot-remove{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-secondary);transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:4px}.feedback-modal__screenshot-remove:hover:not(:disabled){color:var(--error-red);background:var(--error-bg)}.feedback-modal__screenshot-remove:disabled{cursor:not-allowed;opacity:.5}.feedback-modal__screenshot-remove:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.feedback-modal__screenshot-image{display:block;max-width:100%;height:auto;max-height:300px;object-fit:contain;margin:0 auto;padding:1rem;background:#f9fafb}.feedback-modal__attachments{display:flex;flex-direction:column;gap:.75rem}.feedback-modal__attach-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--text-secondary);font-weight:500;transition:all .2s;width:100%;justify-content:center}.feedback-modal__attach-button:hover:not(:disabled){background:var(--background-hover);border-color:var(--harlem-blue);color:var(--text-primary)}.feedback-modal__attach-button:disabled{cursor:not-allowed;opacity:.5}.feedback-modal__attach-button:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.feedback-modal__attachments-list{display:flex;flex-direction:column;gap:.5rem}.feedback-modal__attachment-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.875rem}.feedback-modal__attachment-name{flex:1;color:var(--text-primary);font-weight:500;word-break:break-all}.feedback-modal__attachment-size{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.feedback-modal__attachment-remove{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-secondary);transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.feedback-modal__attachment-remove:hover:not(:disabled){color:var(--error-red);background:var(--error-bg)}.feedback-modal__attachment-remove:disabled{cursor:not-allowed;opacity:.5}.feedback-modal__attachment-remove:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.feedback-modal__context{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--background-secondary);border-radius:4px;border:1px solid var(--border-color)}.feedback-modal__context-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.feedback-modal__error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--error-bg);border:1px solid var(--error-red);border-radius:4px;color:var(--error-red);font-size:.875rem}.feedback-modal__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem}.feedback-modal__actions button{min-height:44px;padding:.75rem 1.5rem}.feedback-modal__success{text-align:center;padding:2rem 0}.feedback-modal__success-icon{margin:0 auto 1.5rem;width:80px;height:80px;background:var(--success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.feedback-modal__success h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.feedback-modal__success p{margin:.5rem 0;color:var(--text-secondary);font-size:1rem}.feedback-modal__work-item{font-size:.875rem!important;color:var(--text-secondary)!important;margin-top:1rem!important}@media (max-width: 768px){.feedback-modal{padding:1.5rem;max-height:95vh}.feedback-modal__header h2{font-size:1.25rem}.feedback-modal__actions{flex-direction:column-reverse}.feedback-modal__actions button{width:100%}}@media (prefers-contrast: high){.feedback-modal,.feedback-modal__field textarea{border-width:3px}}@media (prefers-reduced-motion: reduce){.feedback-modal__field textarea,.feedback-modal__close{transition:none}}:root{--success-green: #10b981;--success-bg: #f0fdf4;--error-red: #ef4444;--error-bg: #fef2f2}.feedback-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-height:44px;background:var(--harlem-blue);border:1px solid var(--harlem-blue);border-radius:4px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #12a2dd33}.feedback-button:hover{background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d}.feedback-button:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.feedback-button:active{transform:translateY(1px)}@media (max-width: 768px){.feedback-button span{display:none}.feedback-button{padding:.5rem;min-width:44px;justify-content:center}}@media (prefers-contrast: high){.feedback-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.feedback-button{transition:none}.feedback-button:active{transform:none}}.changelog-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}.changelog-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:85vh;box-shadow:0 20px 60px #0000004d;position:relative;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.changelog-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;padding:.25rem .5rem;transition:color .2s;z-index:10}.changelog-close-button:hover{color:#000}.changelog-close-button:focus{outline:2px solid #0066cc;outline-offset:2px}.changelog-modal-header{flex-shrink:0;padding:2rem 2rem 1rem;border-bottom:1px solid #e0e0e0;background:#fff}.changelog-modal-header h2{margin:0;font-size:1.75rem;color:#333;padding-right:2rem}.changelog-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 2rem;scroll-behavior:smooth}.changelog-modal-content::-webkit-scrollbar{width:8px}.changelog-modal-content::-webkit-scrollbar-track{background:transparent}.changelog-modal-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.changelog-modal-content::-webkit-scrollbar-thumb:hover{background-color:#999}.changelog-messages-section{margin-bottom:1.5rem}.changelog-message{display:flex;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:8px;border-left:4px solid;box-shadow:0 2px 4px #00000014;transition:box-shadow .2s,transform .2s}.changelog-message:hover{box-shadow:0 4px 8px #0000001f;transform:translate(2px)}.changelog-message--info{background-color:#e3f2fd;border-left-color:#2196f3}.changelog-message--warning{background-color:#fff3e0;border-left-color:#ff9800}.changelog-message--success{background-color:#e8f5e9;border-left-color:#4caf50}.changelog-message-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.changelog-message--info .changelog-message-icon{color:#1976d2}.changelog-message--warning .changelog-message-icon{color:#f57c00}.changelog-message--success .changelog-message-icon{color:#388e3c}.changelog-message-content{flex:1}.changelog-message-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#111}.changelog-message-description{margin:0 0 .5rem;color:#444;line-height:1.5}.changelog-message-date{display:block;font-size:.75rem;color:#666}.changelog-section-divider{border:none;border-top:2px solid #e0e0e0;margin:2rem 0}.changelog-entry{margin-bottom:1.5rem}.changelog-entry--old{opacity:.85}.changelog-entry--old .changelog-version-title{color:#666}.changelog-version-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.changelog-version-title-wrapper{display:flex;align-items:center;gap:.75rem;flex:1}.changelog-version-title{font-size:1.3rem;margin:0;color:#06c;font-weight:600}.changelog-new-badge{background:#4caf50;color:#fff;font-size:.65rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.changelog-version-date{font-size:.875rem;color:#666}.changelog-changes{list-style:none;padding:0;margin:1rem 0 0}.changelog-changes li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555;line-height:1.5}.changelog-changes li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.changelog-divider{border:none;border-top:1px solid #e0e0e0;margin:1.5rem 0}.changelog-modal-footer{flex-shrink:0;padding:1.5rem 2rem 2rem;border-top:1px solid #e0e0e0;background:#fff}.changelog-checkbox-label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer;font-size:.875rem;color:#444}.changelog-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;transition:all .2s}.changelog-checkbox-label input[type=checkbox]:focus{outline:2px solid #0066cc;outline-offset:2px}.changelog-primary-button{width:100%;padding:.75rem 1.5rem;background:#06c;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.changelog-primary-button:hover{background:#0052a3}.changelog-primary-button:active{background:#003d7a}.changelog-primary-button:focus{outline:2px solid #0066cc;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.changelog-modal-overlay,.changelog-modal,.changelog-message{animation:none;transition:none}.changelog-modal-content{scroll-behavior:auto}}@media (max-width: 640px){.changelog-modal{max-height:95vh;margin:.5rem}.changelog-modal-header{padding:1.5rem 1rem 1rem}.changelog-modal-header h2{font-size:1.5rem}.changelog-modal-content{padding:1rem}.changelog-message{flex-direction:column;gap:.5rem}.changelog-version-header{flex-direction:column;align-items:flex-start}.changelog-version-title{font-size:1.1rem}.changelog-modal-footer{padding:1rem}.changelog-checkbox-label{font-size:.8rem}}@media (max-width: 400px){.changelog-modal-overlay{padding:.5rem}.changelog-modal{max-height:100vh;border-radius:8px}}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:0}.footer{background-color:var(--text-primary);color:#fff;padding:1.5rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{margin:0;font-size:.9rem}.footer-links{display:flex;align-items:center;gap:.75rem}.footer-link{color:#fffc;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#fff;text-decoration:underline}.footer-separator{color:#ffffff80;font-size:.9rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.header-title{font-size:1.25rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.landing-container{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.landing-hero{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);color:var(--text-inverse);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-md)}.landing-content{max-width:1200px;width:100%;margin:0 auto}.landing-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.landing-header h1{font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 var(--spacing-lg) 0}.landing-subtitle{font-size:1.125rem;font-weight:400;color:#fffffff2;line-height:1.6;max-width:600px;margin:0 auto}.landing-features-section{background:var(--background-secondary);padding:var(--spacing-2xl) var(--spacing-xl)}.landing-features{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.feature-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow);transition:all var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card h3{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.feature-card p{font-size:.9375rem;font-weight:400;color:var(--text-secondary);line-height:1.6;margin:0}.landing-actions{background:#fff;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border-top:1px solid var(--border-light)}.landing-actions-content{max-width:600px;margin:0 auto}.login-button{font-family:Oswald,Montserrat,Arial,sans-serif;background-color:var(--harlem-blue);color:var(--text-inverse);border:none;padding:.875rem 2.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow)}.login-button:hover{background-color:var(--harlem-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active{transform:translateY(0);box-shadow:var(--shadow)}.login-button:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.login-note{margin-top:var(--spacing-lg);font-size:.875rem;font-weight:400;color:var(--text-secondary)}@media (max-width: 768px){.landing-hero{padding:var(--spacing-xl) var(--spacing-md)}.landing-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl)}.landing-header h1{font-size:1.75rem}.landing-subtitle{font-size:1rem}.landing-features-section{padding:var(--spacing-xl) var(--spacing-md)}.landing-features{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card{padding:var(--spacing-lg)}.landing-actions{padding:var(--spacing-xl) var(--spacing-md)}.login-button{width:100%;padding:.875rem 1.5rem}}@media (max-width: 480px){.landing-hero{padding:var(--spacing-lg) var(--spacing-sm)}.landing-header h1{font-size:1.5rem;letter-spacing:.05em}.landing-subtitle{font-size:.9375rem}.landing-features-section{padding:var(--spacing-lg) var(--spacing-sm)}.feature-card h3{font-size:1.125rem}.feature-card p{font-size:.875rem}.landing-actions{padding:var(--spacing-lg) var(--spacing-sm)}.login-button{font-size:.9375rem}}@media (prefers-reduced-motion: reduce){.feature-card,.login-button{transition:none}.feature-card:hover,.login-button:hover{transform:none}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:300px}.loading-spinner{position:relative;width:80px;height:80px;margin-bottom:1.5rem}.spinner-ring{position:relative;width:100%;height:100%;animation:rotate 2s linear infinite}.spinner-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--harlem-blue),var(--primary-purple));box-shadow:0 2px 8px #6b46c14d;animation:pulse 1.5s ease-in-out infinite}.spinner-dot-1{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.spinner-dot-2{top:50%;right:0;transform:translateY(-50%);animation-delay:.375s}.spinner-dot-3{bottom:0;left:50%;transform:translate(-50%);animation-delay:.75s}.spinner-dot-4{top:50%;left:0;transform:translateY(-50%);animation-delay:1.125s}.loading-message{font-size:1.125rem;font-weight:500;color:var(--harlem-blue);margin:0;animation:fadeInOut 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1) translate(-50%) translateY(-50%)}50%{opacity:.3;transform:scale(.6) translate(-50%) translateY(-50%)}}.spinner-dot-1,.spinner-dot-2,.spinner-dot-3,.spinner-dot-4{transform-origin:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.spinner-dot-1{animation:pulse1 1.5s ease-in-out infinite}.spinner-dot-2{animation:pulse2 1.5s ease-in-out infinite}.spinner-dot-3{animation:pulse3 1.5s ease-in-out infinite}.spinner-dot-4{animation:pulse4 1.5s ease-in-out infinite}@keyframes pulse1{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.3;transform:translate(-50%) scale(.6)}}@keyframes pulse2{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.3;transform:translateY(-50%) scale(.6)}}@keyframes pulse3{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.3;transform:translate(-50%) scale(.6)}}@keyframes pulse4{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.3;transform:translateY(-50%) scale(.6)}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none}.spinner-dot{animation:none;opacity:1}.loading-message{animation:none}}.error-message{position:relative;display:flex;width:100%;min-height:60px;border-radius:var(--radius-md);border:2px solid;background:#fff;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-message__container{display:flex;align-items:flex-start;width:100%;padding:var(--spacing-lg);gap:var(--spacing-md)}.error-message__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:transform var(--transition-fast)}.error-message__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.error-message__title{font-size:1.125rem;font-weight:700;font-family:Oswald,Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--text-primary);line-height:1.4}.error-message__message{display:flex;flex-direction:column;gap:var(--spacing-xs)}.error-message__text{margin:0;font-size:.9375rem;font-weight:400;line-height:1.6;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.error-message__details{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background-secondary);border-left:3px solid;font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin-top:var(--spacing-sm)}.error-message__details .error-message__text{font-size:.875rem;color:var(--text-secondary)}.error-message__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.error-message__action{padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;font-family:Oswald,Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.error-message__action:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.error-message__action--primary{background:var(--harlem-blue);color:#fff;border-color:var(--harlem-blue)}.error-message__action--primary:hover:not(:disabled){background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark);transform:translateY(-1px);box-shadow:0 4px 8px #12a2dd4d}.error-message__action--secondary{background:#fff;color:var(--text-primary);border-color:var(--border-color)}.error-message__action--secondary:hover:not(:disabled){background:var(--background-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.error-message__action:disabled{opacity:.6;cursor:not-allowed}.error-message__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.error-message__dismiss:hover{background:#0000000d;color:var(--text-primary)}.error-message__dismiss:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.error-message--error{border-color:var(--danger-color);background:#fff5f5}.error-message--error .error-message__icon{background:#dc35451a}.error-message--error .error-message__details{border-left-color:var(--danger-color);background:#dc35450d}.error-message--warning{border-color:var(--warning-orange);background:#fffbf0}.error-message--warning .error-message__icon{background:#ff8c421a}.error-message--warning .error-message__details{border-left-color:var(--warning-orange);background:#ff8c420d}.error-message--info{border-color:var(--harlem-blue);background:#f0f9ff}.error-message--info .error-message__icon{background:#12a2dd1a}.error-message--info .error-message__details{border-left-color:var(--harlem-blue);background:#12a2dd0d}.error-message--success{border-color:var(--success-green);background:#f0fdf4}.error-message--success .error-message__icon{background:#00a86b1a}.error-message--success .error-message__details{border-left-color:var(--success-green);background:#00a86b0d}@media (max-width: 768px){.error-message__container{padding:var(--spacing-md)}.error-message__title{font-size:1rem}.error-message__text{font-size:.875rem}.error-message__actions{flex-direction:column;gap:var(--spacing-sm)}.error-message__action{width:100%;text-align:center}}@media (max-width: 480px){.error-message__container{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.error-message__icon{width:32px;height:32px}.error-message__title{font-size:.9375rem}.error-message__text{font-size:.8125rem}.error-message__details{padding:var(--spacing-sm);font-size:.8125rem}.error-message__dismiss{width:28px;height:28px}}@media print{.error-message{border:2px solid #000;box-shadow:none;page-break-inside:avoid}.error-message__dismiss,.error-message__actions{display:none}}@media (prefers-contrast: high){.error-message{border-width:3px}.error-message__title{font-weight:800}}@media (prefers-reduced-motion: reduce){.error-message{animation:none}.error-message__action,.error-message__dismiss{transition:none}}.error-message__action:focus-visible,.error-message__dismiss:focus-visible{outline:3px solid var(--harlem-blue);outline-offset:2px}.error-message__action:focus:not(:focus-visible),.error-message__dismiss:focus:not(:focus-visible){outline:none}.confirmation-dialog-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-dialog{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);max-width:500px;width:90%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-light)}.confirmation-dialog__title{margin:0;font-family:Oswald,Montserrat,Arial,sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.confirmation-dialog__close{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.confirmation-dialog__close:hover{background-color:var(--background-secondary);color:var(--text-primary)}.confirmation-dialog__close:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.confirmation-dialog__body{padding:var(--spacing-xl)}.confirmation-dialog__body p{margin:0;font-size:1rem;line-height:1.6;color:var(--text-primary)}.confirmation-dialog__actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-light);justify-content:flex-end}.confirmation-dialog__button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:Oswald,Montserrat,Arial,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.confirmation-dialog__button:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.confirmation-dialog__button--cancel{background-color:#fff;color:var(--text-primary);border-color:var(--border-color)}.confirmation-dialog__button--cancel:hover{background-color:var(--background-secondary);border-color:var(--text-secondary)}.confirmation-dialog__button--confirm{color:#fff;border:none}.confirmation-dialog__button--confirm.confirmation-dialog__button--default{background-color:var(--harlem-blue)}.confirmation-dialog__button--confirm.confirmation-dialog__button--default:hover{background-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d;transform:translateY(-1px)}.confirmation-dialog__button--confirm.confirmation-dialog__button--danger{background-color:var(--danger-color)}.confirmation-dialog__button--confirm.confirmation-dialog__button--danger:hover{background-color:var(--danger-hover);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.confirmation-dialog__button--confirm.confirmation-dialog__button--warning{background-color:var(--warning-orange)}.confirmation-dialog__button--confirm.confirmation-dialog__button--warning:hover{background-color:#e67e38;box-shadow:0 4px 8px #ff8c424d;transform:translateY(-1px)}.confirmation-dialog__button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.confirmation-dialog--danger .confirmation-dialog__title{color:var(--danger-color)}.confirmation-dialog--warning .confirmation-dialog__title{color:var(--warning-orange)}@media (max-width: 768px){.confirmation-dialog{width:95%;max-width:none;margin:var(--spacing-md)}.confirmation-dialog__header,.confirmation-dialog__body,.confirmation-dialog__actions{padding:var(--spacing-md) var(--spacing-lg)}.confirmation-dialog__title{font-size:1.125rem}.confirmation-dialog__button{font-size:.875rem;padding:.625rem 1.25rem}}@media (max-width: 480px){.confirmation-dialog__actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.confirmation-dialog__button{width:100%;text-align:center}}@media (prefers-contrast: high){.confirmation-dialog{border-width:2px}.confirmation-dialog__button{border-width:3px}}@media (prefers-reduced-motion: reduce){.confirmation-dialog-backdrop,.confirmation-dialog,.confirmation-dialog__button,.confirmation-dialog__close{animation:none;transition:none}}.confirmation-dialog__button:focus-visible,.confirmation-dialog__close:focus-visible{outline:3px solid var(--harlem-blue);outline-offset:2px}.confirmation-dialog__button:focus:not(:focus-visible),.confirmation-dialog__close:focus:not(:focus-visible){outline:none}.warehouse-shipments-list{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.shipments-list__title{display:flex;align-items:center;gap:.75rem;font-family:Oswald,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.shipments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}@media (max-width: 768px){.shipments-grid{grid-template-columns:1fr}}.shipment-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;display:flex;flex-direction:column;gap:1rem}.shipment-card:hover{border-color:var(--primary-purple);box-shadow:0 4px 12px #4834d41a;transform:translateY(-2px)}.shipment-card:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.shipment-card:active{transform:translateY(0)}.shipment-card--draft{background:#f59e0b0d;border-color:#f59e0b;border-left:3px solid #f59e0b}.shipment-card--draft:hover{border-color:#d97706;box-shadow:0 4px 12px #f59e0b26}.shipment-card__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.shipment-card__number{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.shipment-card__badges{display:flex;gap:.5rem;align-items:center}.shipment-card__badge--partial{background-color:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shipment-card__status{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shipment-card__status--released{background:#10b9811a;color:#10b981}.shipment-card__status--open{background:#f59e0b1a;color:#f59e0b}.shipment-card__status--booked{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.shipment-card__status--draft{background:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.3)}.shipment-card__body{display:flex;flex-direction:column;gap:.5rem}.shipment-card__row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.shipment-card__customer{font-size:.875rem;font-weight:500;color:var(--text-primary)}.shipment-card__location,.shipment-card__date{color:var(--text-secondary)}.shipment-card__requested-date{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shipment-card__requested-date--past{color:#ef4444;font-weight:600}.shipment-card__orders{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.shipment-card__orders-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.shipment-card__orders-list{display:flex;flex-wrap:wrap;gap:.5rem}.order-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-hover);border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-decoration:none}.order-badge--link:hover{background:var(--primary-purple);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #4834d433}.order-badge--more{background:var(--primary-purple);color:#fff}.shipment-card__footer{display:flex;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-color)}.shipment-card__stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.shipment-card__action{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--primary-purple);color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;transition:background .2s ease}.shipment-card:hover .shipment-card__action{background:var(--primary-purple-dark)}.shipment-card__action--resume{background:#f59e0b;cursor:pointer}.shipment-card__action--resume:hover,.shipment-card--draft:hover .shipment-card__action--resume{background:#d97706}@media (max-width: 480px){.warehouse-shipments-list{padding:1rem .5rem}.shipments-list__title{font-size:1.5rem}.shipment-card{padding:1rem}.shipment-card__header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-contrast: high){.shipment-card{border-width:2px}.shipment-card:hover{border-width:3px}}@media (prefers-reduced-motion: reduce){.shipment-card,.shipment-card__action{transition:none}.shipment-card:hover{transform:none}}.booking-warning-details{display:flex;flex-direction:column;gap:1rem}.booking-warning-details__intro{margin:0;font-size:1rem;line-height:1.5;color:var(--text-primary)}.booking-warning-details__info{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.booking-warning-details__info h4{margin:0 0 .75rem;font-family:Oswald,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.booking-warning-details__info dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}.booking-warning-details__info dt{font-weight:500;color:var(--text-secondary);font-size:.875rem}.booking-warning-details__info dd{margin:0;font-weight:500;color:var(--text-primary);font-size:.875rem}.booking-warning-details__info dd a{color:var(--primary-purple);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.booking-warning-details__info dd a:hover{text-decoration:underline}.booking-warning-details__question{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary)}.status-problems-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.warning-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#fef3c7;border-radius:50%}.status-problems-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.status-problems-modal .modal-body{padding:0 2rem 1.5rem;text-align:left}.problems-intro{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary)}.problems-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.problem-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px}.problem-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#92400e;background-color:#fef3c7;padding:.125rem .375rem;border-radius:4px;width:fit-content}.problem-message{font-size:.875rem;color:var(--text-primary);line-height:1.4}@media (max-width: 768px){.status-problems-modal .modal-header{padding:1.5rem 1.5rem 1rem}.status-problems-modal .modal-body{padding:0 1.5rem 1rem}.status-problems-modal .modal-header h2{font-size:1.25rem}}.tracking-history-modal{max-width:520px}.tracking-history-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.tracking-header-info{display:flex;align-items:center;gap:1rem}.status-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;flex-shrink:0}.tracking-header-text{display:flex;flex-direction:column;gap:.25rem}.tracking-history-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #1f2937)}.tracking-header-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.carrier-name{font-weight:500}.tracking-number{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:6px;transition:all .15s ease}.modal-close-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-close-btn:focus{outline:2px solid var(--primary-purple, #6366f1);outline-offset:2px}.tracking-history-modal .modal-body{padding:1.5rem;max-height:400px;overflow-y:auto}.no-tracking-info{margin:0;padding:2rem 0;text-align:center;font-size:.9375rem;color:var(--text-muted, #9ca3af)}.tracking-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-item{display:flex;gap:1rem;position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";position:absolute;left:15px;top:30px;bottom:0;width:2px;background-color:#e5e7eb}.timeline-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;z-index:1}.timeline-content{flex:1;min-width:0;padding-top:.25rem}.timeline-message{margin:0 0 .25rem;font-size:.9375rem;font-weight:500;color:var(--text-primary, #1f2937);line-height:1.4}.timeline-item--latest .timeline-message{font-weight:600}.timeline-time{margin:0;font-size:.8125rem;color:var(--text-muted, #9ca3af)}.tracking-history-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end}.modal-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.modal-button--secondary{background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.modal-button--secondary:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-button--secondary:focus{outline:2px solid var(--primary-purple, #6366f1);outline-offset:2px}@media (max-width: 768px){.tracking-history-modal{max-width:100%;width:95%}.tracking-history-modal .modal-header{padding:1.25rem 1.25rem 1rem}.tracking-history-modal .modal-body{padding:1.25rem;max-height:350px}.tracking-history-modal .modal-footer{padding:1rem 1.25rem}.status-icon-wrapper{width:48px;height:48px}.tracking-history-modal .modal-header h2{font-size:1.125rem}}.past-shipments-list{width:100%;max-width:100%;margin:0 auto;padding:2rem 1rem}.past-shipments-list__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.past-shipments-list__title{display:flex;align-items:center;gap:.75rem;font-family:Oswald,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.refresh-all-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--primary-purple);font-size:.875rem;font-weight:500;text-decoration:none;padding:.375rem .75rem;border-radius:4px;transition:all .15s ease;cursor:pointer}.refresh-all-link:hover{background:#4834d41a;text-decoration:underline}.refresh-all-link:focus{outline:none}.refresh-all-link:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}.refresh-all-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(72,52,212,.3);border-top-color:var(--primary-purple);border-radius:50%;animation:refresh-all-spin .8s linear infinite}@keyframes refresh-all-spin{to{transform:rotate(360deg)}}.past-shipments-table-wrapper{width:100%;overflow-x:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000000d}.past-shipments-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.4;min-width:900px}.past-shipments-table thead{background:var(--bg-hover);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1}.past-shipments-table thead th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.past-shipments-table tbody{background:var(--card-bg)}.past-shipments-table__row{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.past-shipments-table__row--today{background:#3b82f614;border-left:3px solid #3b82f6}.past-shipments-table__row--today:hover{background:#3b82f61f}.past-shipments-table__row:hover{background:var(--bg-hover)}.past-shipments-table__row:last-child{border-bottom:none}.past-shipments-table tbody td{padding:.75rem 1rem;vertical-align:middle;color:var(--text-secondary)}.past-shipments-table__customer{font-weight:600;color:var(--text-primary);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.past-shipments-table__delivery,.past-shipments-table__pickup{white-space:nowrap;color:var(--text-secondary)}.past-shipments-table__carrier{white-space:nowrap}.pickup-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#0033661a;color:var(--harlem-blue, #003366);border-radius:4px;font-size:.8125rem;font-weight:500;white-space:nowrap}.past-shipments-table__tracking{white-space:nowrap}.pickup-label-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--harlem-blue, #003366);font-weight:600;text-decoration:none;padding:.25rem .375rem;margin:-.25rem -.375rem;border-radius:4px;transition:all .15s ease;cursor:pointer}.pickup-label-link:hover{background:#0033661a;text-decoration:underline}.pickup-label-link:focus{outline:2px solid var(--harlem-blue, #003366);outline-offset:2px}.tracking-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-purple);font-weight:600;text-decoration:none;transition:all .15s ease;padding:.125rem .375rem;margin:-.125rem -.375rem;border-radius:4px}.tracking-link:hover{background:#4834d41a;color:var(--primary-purple-dark);text-decoration:underline}.tracking-link:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.past-shipments-table__status{white-space:nowrap}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge--delivered{background:#10b9811a;color:#10b981}.status-badge--transit{background:#3b82f61a;color:#3b82f6}.status-badge--pending{background:#f59e0b1a;color:#f59e0b}.status-badge--cancelled{background:#ef44441a;color:#ef4444}.status-badge--unknown{background:#6b72801a;color:#6b7280}.past-shipments-table__orders{max-width:250px}.orders-links{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem}.orders-separator{color:var(--text-muted);margin:0 .125rem}.order-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-purple);font-weight:500;text-decoration:none;transition:all .15s ease;padding:.125rem .25rem;margin:-.125rem -.25rem;border-radius:3px}.order-link:hover{background:#4834d41a;color:var(--primary-purple-dark);text-decoration:underline}.order-link:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.past-shipments-table__warehouse{white-space:nowrap}.warehouse-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-purple);font-weight:500;text-decoration:none;transition:all .15s ease;padding:.125rem .375rem;margin:-.125rem -.375rem;border-radius:3px}.warehouse-link:hover{background:#4834d41a;color:var(--primary-purple-dark);text-decoration:underline}.warehouse-link:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.past-shipments-table__packages{text-align:center;font-weight:500;white-space:nowrap}.packing-list-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--harlem-blue, #003366);font-weight:600;text-decoration:none;padding:.25rem .375rem;margin:-.25rem -.375rem;border-radius:4px;transition:all .15s ease;cursor:pointer}.packing-list-link:hover{background:#0033661a;text-decoration:underline}.packing-list-link:focus{outline:2px solid var(--harlem-blue, #003366);outline-offset:2px}.packing-list-loading{color:var(--text-muted);font-weight:400}.box-count{font-weight:600;color:var(--text-primary);margin-right:.25rem}.empty-cell{color:var(--text-muted);font-weight:400}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state__message{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:1rem 0 .5rem}.empty-state__hint{font-size:.875rem;color:var(--text-muted);margin:0;max-width:400px}@media (max-width: 1024px){.past-shipments-table{min-width:800px}.past-shipments-table thead th,.past-shipments-table tbody td{padding:.625rem .75rem}}@media (max-width: 768px){.past-shipments-list{padding:1rem .5rem}.past-shipments-list__title{font-size:1.5rem}.past-shipments-table-wrapper{border-radius:6px}.past-shipments-table{min-width:750px;font-size:.8125rem}.past-shipments-table thead th,.past-shipments-table tbody td{padding:.5rem .625rem}.past-shipments-table__customer{max-width:105px}.past-shipments-table__orders{max-width:200px}}@media (max-width: 480px){.past-shipments-list{padding:1rem .25rem}.past-shipments-table-wrapper{border-radius:4px}.past-shipments-table{min-width:700px;font-size:.75rem}.past-shipments-table thead th,.past-shipments-table tbody td{padding:.5rem}}@media (prefers-contrast: high){.past-shipments-table-wrapper{border-width:2px}.past-shipments-table thead{border-bottom-width:3px}.past-shipments-table__row{border-bottom-width:2px}.tracking-link,.order-link,.warehouse-link{text-decoration:underline}}@media (prefers-reduced-motion: reduce){.past-shipments-table__row,.tracking-link,.order-link,.warehouse-link{transition:none}}@media print{.past-shipments-table-wrapper{border:1px solid #000;box-shadow:none}.past-shipments-table__row:hover{background:transparent}.tracking-link,.order-link,.warehouse-link{text-decoration:underline;color:#000}.past-shipments-table thead{background:#f0f0f0}.past-shipments-table__row{page-break-inside:avoid}}.past-shipments-table__row:focus-within{outline:2px solid var(--primary-purple);outline-offset:-2px}.past-shipments-table__invoice{white-space:nowrap}.invoice-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--harlem-blue, #003366);font-weight:600;text-decoration:none;padding:.25rem .375rem;margin:-.25rem -.375rem;border-radius:4px;transition:all .15s ease}.invoice-link:hover{background:#0033661a;text-decoration:underline}.invoice-link:focus{outline:2px solid var(--harlem-blue, #003366);outline-offset:2px}.past-shipments-table__bc-status{white-space:nowrap}.posted-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#10b98126;color:#059669;border-radius:4px;font-size:.8125rem;font-weight:500;white-space:nowrap}.bc-status-cell{display:inline-flex;align-items:center;gap:.5rem;position:relative}.post-shipment-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--harlem-blue, #003366);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.post-shipment-icon-btn:hover:not(:disabled){background:#004080;transform:translateY(-1px)}.post-shipment-icon-btn:active:not(:disabled){transform:translateY(0)}.post-shipment-icon-btn:disabled{opacity:.7;cursor:not-allowed}.post-shipment-icon-btn:focus{outline:2px solid var(--harlem-blue, #003366);outline-offset:2px}.delete-booking-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease}.delete-booking-icon-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef4444}.delete-booking-icon-btn:active:not(:disabled){transform:scale(.95)}.delete-booking-icon-btn:disabled{opacity:.7;cursor:not-allowed}.delete-booking-icon-btn:focus{outline:2px solid #ef4444;outline-offset:2px}.delete-booking-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:#ef4444;border-radius:50%;animation:delete-booking-spin .8s linear infinite}@keyframes delete-booking-spin{to{transform:rotate(360deg)}}.delete-confirm-popup{position:absolute;top:100%;right:0;z-index:100;width:420px;padding:1rem;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:.25rem}.delete-confirm-warning{display:flex;align-items:flex-start;gap:.625rem;margin:0 0 1rem}.delete-confirm-warning svg{flex-shrink:0;margin-top:.125rem;color:#f59e0b}.delete-confirm-warning-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#b45309}.delete-confirm-warning-text{margin:0 0 .25rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.delete-confirm-warning-text:last-child{margin-bottom:0}.delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.delete-confirm-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease}.delete-confirm-btn--cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.delete-confirm-btn--cancel:hover{background:var(--bg-hover)}.delete-confirm-btn--delete{background:#ef4444;color:#fff;border:none}.delete-confirm-btn--delete:hover:not(:disabled){background:#dc2626}.delete-confirm-btn--delete:disabled{opacity:.7;cursor:not-allowed}.post-shipment-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:post-shipment-spin .8s linear infinite}@keyframes post-shipment-spin{to{transform:rotate(360deg)}}.past-shipments-table__cc-status{white-space:nowrap}.cc-status-cell{display:inline-flex;align-items:center;gap:.5rem}.cc-status-text{font-weight:500;color:var(--text-secondary)}.refresh-booking-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease}.refresh-booking-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--primary-purple);border-color:var(--primary-purple)}.refresh-booking-btn:active:not(:disabled){transform:scale(.95)}.refresh-booking-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-booking-btn:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.refresh-booking-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--primary-purple);border-radius:50%;animation:refresh-booking-spin .8s linear infinite}@keyframes refresh-booking-spin{to{transform:rotate(360deg)}}.status-warning-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background-color .15s ease;margin-left:.25rem}.status-warning-btn:hover{background-color:#fef3c7}.status-warning-btn:focus{outline:2px solid #f59e0b;outline-offset:2px}.tracking-status-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background-color .15s ease;max-width:180px}.tracking-status-btn:hover{background-color:var(--bg-hover)}.tracking-status-btn:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.tracking-status-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tracking-status-message{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.past-shipments-table__row--draft{background:#f59e0b0d;border-left:3px solid #f59e0b}.past-shipments-table__row--draft:hover{background:#f59e0b1a}.draft-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#f59e0b26;color:#b45309;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:.5rem;white-space:nowrap}.draft-actions{display:inline-flex;align-items:center;gap:.5rem}.resume-draft-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--primary-purple);color:#fff;border:none;border-radius:4px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.resume-draft-btn:hover{background:var(--primary-purple-dark, #3b2ba1);transform:translateY(-1px)}.resume-draft-btn:active{transform:translateY(0)}.resume-draft-btn:focus{outline:2px solid var(--primary-purple);outline-offset:2px}.delete-draft-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease}.delete-draft-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef4444}.delete-draft-btn:active:not(:disabled){transform:scale(.95)}.delete-draft-btn:disabled{opacity:.7;cursor:not-allowed}.delete-draft-btn:focus{outline:2px solid #ef4444;outline-offset:2px}.delete-draft-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color);border-top-color:#ef4444;border-radius:50%;animation:delete-draft-spin .8s linear infinite}@keyframes delete-draft-spin{to{transform:rotate(360deg)}}.release-progress-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.release-progress-modal{display:flex;flex-direction:column;align-items:center;padding:48px 32px;background:var(--surface-card, #ffffff);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:480px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.release-progress-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.release-progress-spinner{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.release-progress-spinner .spinner-ring{position:absolute;inset:0;border:3px solid var(--border-subtle, #e5e7eb);border-top-color:var(--harlem-blue, #003366);border-radius:50%;animation:spin 1s linear infinite}.release-progress-text{text-align:center}.release-progress-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 4px}.release-progress-description{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.release-progress-steps{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.release-progress-step{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;transition:all .3s ease}.release-progress-step--pending{background:var(--surface-secondary, #f3f4f6);color:var(--text-tertiary, #9ca3af)}.release-progress-step--active{background:var(--harlem-blue-light, rgba(0, 87, 184, .1));color:var(--harlem-blue, #003366)}.release-progress-step--completed{background:var(--success-bg, rgba(16, 185, 129, .1));color:var(--success-text, #059669)}.release-step-indicator{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.release-progress-step--pending .release-step-indicator{background:var(--border-subtle, #e5e7eb)}.release-progress-step--active .release-step-indicator{background:var(--harlem-blue, #003366)}.release-progress-step--completed .release-step-indicator{background:var(--success-color, #10b981)}.release-step-dot{width:6px;height:6px;border-radius:50%;background:#fff}.release-step-dot--active{animation:pulse 1s ease-in-out infinite}.release-step-label{white-space:nowrap}.release-progress-note{font-size:.75rem;color:var(--text-tertiary, #9ca3af);text-align:center;margin:0}@media (max-width: 600px){.release-progress-modal{padding:32px 16px;width:95%}.release-progress-steps{gap:6px}.release-progress-step{padding:4px 8px;font-size:.7rem}.release-step-indicator{width:14px;height:14px}.release-step-dot{width:5px;height:5px}}.release-result-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.release-result-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;margin:1rem;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .3s ease-out}.release-result-header{display:flex;align-items:center;gap:12px;padding:20px 24px;color:#fff}.release-result-header--success{background:linear-gradient(135deg,#10b981,#059669)}.release-result-header--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.release-result-header--error{background:linear-gradient(135deg,#ef4444,#dc2626)}.release-result-title{margin:0;font-size:1.25rem;font-weight:600}.release-result-steps{padding:24px;display:flex;flex-direction:column;gap:16px}.release-result-step{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.release-result-step--success{background:#f0fdf4;border-color:#bbf7d0}.release-result-step--warning{background:#fffbeb;border-color:#fde68a}.release-result-step--error{background:#fef2f2;border-color:#fecaca}.release-step-icon{flex-shrink:0;margin-top:2px}.release-step-content{display:flex;flex-direction:column;gap:4px}.release-step-label{font-weight:500;color:#1e293b;font-size:.95rem}.release-step-detail{font-size:.85rem;color:#64748b;word-break:break-word}.release-result-summary{padding:0 24px 16px}.summary-text{margin:0;padding:12px 16px;border-radius:8px;font-size:.9rem;line-height:1.5}.summary-text--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.summary-text--warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.summary-text--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.release-result-actions{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.release-result-button{padding:10px 24px;background:var(--harlem-blue, #2563eb);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.release-result-button:hover{background:var(--harlem-blue-dark, #1d4ed8)}.release-result-button:focus{outline:none;box-shadow:0 0 0 3px #2563eb4d}@media (max-width: 480px){.release-result-modal{margin:.5rem;max-height:calc(100vh - 1rem);overflow-y:auto}.release-result-header{padding:16px 20px}.release-result-steps{padding:20px}.release-result-summary{padding:0 20px 12px}.release-result-actions{padding:12px 20px}}.home-container{min-height:calc(100vh - 200px);background:#fff;padding:2rem;max-width:1400px;margin:0 auto}.home-section{width:100%;margin-bottom:2rem}.home-section:first-child{display:flex;justify-content:center;padding:2rem 0}.section-heading{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;text-align:center}.search-form{width:100%;max-width:640px}.search-box{display:flex;align-items:center;gap:1rem;width:100%}.search-input{flex:1;padding:.875rem 1.25rem;font-size:1rem;border:1px solid #dfe1e5;border-radius:24px;outline:none;transition:all .2s ease;box-shadow:0 1px 6px #20212414;font-family:inherit}.search-input:hover{box-shadow:0 1px 6px #20212429;border-color:#dfe1e200}.search-input:focus{box-shadow:0 1px 6px #20212447;border-color:#dfe1e200}.search-input::placeholder{color:#70757a}.search-button{padding:.875rem 2rem;font-size:.95rem;font-weight:500;background:var(--harlem-blue);color:#fff;border:none;border-radius:24px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000001f;white-space:nowrap}.search-button:hover:not(:disabled){background:var(--harlem-blue-dark);box-shadow:0 2px 6px #0000002e}.search-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0000001f}.search-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.home-divider{display:flex;align-items:center;justify-content:center;margin:3rem 0;position:relative}.home-divider:before,.home-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.home-divider:before{margin-right:1rem}.home-divider:after{margin-left:1rem}.divider-text{font-family:Oswald,sans-serif;font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:999px}@media (max-width: 768px){.home-container{padding:1rem}.home-section:first-child{padding:1rem 0}.section-heading{font-size:1.25rem}.search-box{flex-direction:column;gap:.75rem}.search-button{width:100%}.home-divider{margin:2rem 0}}@media (max-width: 480px){.home-container{padding:.5rem}.section-heading{font-size:1.125rem}.search-input{padding:.75rem 1rem;font-size:.95rem}.search-button{padding:.75rem 1.5rem;font-size:.9rem}.home-divider{margin:1.5rem 0}.divider-text{font-size:.75rem;padding:.375rem .75rem}}.page-subheader{display:flex;align-items:center;justify-content:space-between;height:72px;padding:16px 24px;background-color:#fff;border-bottom:1px solid #E0E0E0;position:sticky;top:56px;z-index:999}.page-subheader__column{flex:1;display:flex;align-items:center;min-width:0}.page-subheader__column--left{justify-content:flex-start}.page-subheader__column--center{justify-content:center}.page-subheader__column--right{justify-content:flex-end;gap:12px}.page-subheader__back{display:inline-flex;align-items:center;gap:8px;height:40px;padding:10px 16px;background-color:transparent;border:1px solid #CCCCCC;border-radius:4px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.page-subheader__back:hover{border-color:var(--harlem-blue);color:var(--harlem-blue)}.page-subheader__back:active{background-color:#f5f5f5}.page-subheader__back:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.page-subheader__title{display:flex;align-items:center;gap:12px}.page-subheader__title-icon{flex-shrink:0;width:32px;height:32px}.page-subheader__title-text{font-family:Oswald,sans-serif;font-size:28px;font-weight:700;color:#1a1a1a;letter-spacing:.5px;margin:0;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-subheader__badge{display:inline-flex;align-items:center;padding:4px 12px;margin-left:12px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.page-subheader__badge--dev{background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24}.page-subheader__badge--prod{background-color:#d1fae5;color:#065f46;border:1px solid #34d399}.page-subheader__badge--info{background-color:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.page-subheader__action{display:inline-flex;align-items:center;gap:6px;height:34px;padding:6px 16px;background-color:var(--harlem-blue);border:none;border-radius:4px;font-family:Oswald,sans-serif;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;box-shadow:0 2px 4px #12a2dd33;transition:all .15s ease-in-out;white-space:nowrap}.page-subheader__action:hover{background-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d}.page-subheader__action:active{background-color:var(--harlem-blue-dark);transform:translateY(1px)}.page-subheader__action:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.page-subheader__action--disabled,.page-subheader__action:disabled{background-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none;transform:none}.page-subheader__action--disabled:hover,.page-subheader__action:disabled:hover{background-color:#ccc;box-shadow:none}.page-subheader__action--secondary{background-color:transparent;border:1px solid var(--harlem-blue);color:var(--harlem-blue);box-shadow:none}.page-subheader__action--secondary:hover{background-color:#f0f5ff}.page-subheader__action--secondary:active{background-color:#e0ebff}.page-subheader__action--tertiary{background-color:var(--harlem-blue);border:none;color:#fff;box-shadow:0 2px 4px #12a2dd33}.page-subheader__action--tertiary:hover:not(:disabled){background-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d}.page-subheader__action--tertiary:active:not(:disabled){background-color:var(--harlem-blue-dark);transform:translateY(1px)}.page-subheader__action--success{background-color:#22c55e;cursor:default}.page-subheader__action--success:hover{background-color:#22c55e;box-shadow:0 2px 4px #22c55e33}.page-subheader__action .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.page-subheader{height:auto;min-height:72px;padding:12px 16px;top:56px}.page-subheader__title-text{font-size:22px}.page-subheader__back,.page-subheader__action{height:32px;padding:6px 10px;font-size:11px}}@media (max-width: 640px){.page-subheader{flex-direction:column;gap:12px;height:auto;padding:16px}.page-subheader__column{width:100%}.page-subheader__column--left,.page-subheader__column--center,.page-subheader__column--right{justify-content:center}.page-subheader__back,.page-subheader__action,.page-subheader__title{width:100%;justify-content:center}}@media (prefers-contrast: high){.page-subheader{border-bottom:2px solid #000000}.page-subheader__back{border-width:2px}}@media (prefers-reduced-motion: reduce){.page-subheader__back,.page-subheader__action{transition:none}}.box-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--primary-purple)}.box-manager-header h2{color:var(--primary-purple);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.boxes-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.box-card{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow);border-left:4px solid var(--harlem-blue);transition:all .3s ease-in-out;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:320px}.box-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);transition:width .3s ease-in-out}.box-card:hover:before{width:6px}.box-card--view:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-left-color:var(--harlem-blue-dark)}.box-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.box-card-title{color:var(--harlem-blue);margin:0;font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.025em}.box-metrics-expanded{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;justify-content:center;padding:var(--spacing-md) 0}.metric-expanded{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);transition:all .2s ease-in-out}.metric-expanded:hover{background:var(--border-light);transform:scale(1.02)}.metric-expanded .metric-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-xs)}.metric-expanded .metric-value-large{color:var(--text-primary);font-weight:700;font-family:Courier New,monospace;font-size:1.5rem;line-height:1.2}.metric-expanded .metric-unit{font-size:.875rem;color:var(--text-secondary);font-weight:500}.box-card--edit{border-left-color:var(--primary-purple);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%)}.box-card--edit:before{background:linear-gradient(180deg,var(--primary-purple) 0%,var(--harlem-blue) 100%);width:6px}.box-card--edit .box-card-title{color:var(--primary-purple)}.box-card-form{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.form-group-inline input{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;font-family:Courier New,monospace;font-weight:600;transition:all .2s ease-in-out;background:var(--background)}.form-group-inline input:hover{border-color:var(--harlem-blue)}.form-group-inline input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.volume-preview{padding:var(--spacing-md);background:linear-gradient(135deg,#12a2dd1a,#12a2dd0d);border:2px solid var(--harlem-blue);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.volume-preview span{font-weight:700;color:var(--harlem-blue);font-size:1rem;font-family:Courier New,monospace}.color-picker{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease-in-out;padding:0;position:relative}.color-option:hover{transform:scale(1.1);border-color:var(--harlem-blue);box-shadow:0 2px 8px #0003}.color-option--selected{border-width:3px;border-color:var(--harlem-blue);box-shadow:0 0 0 2px #12a2dd33}.color-option--none{background:#fff;border-style:dashed;display:flex;align-items:center;justify-content:center}.box-color-indicator{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d;margin-left:var(--spacing-xs)}.box-card--new{border:2px dashed var(--harlem-blue);border-left:4px solid var(--harlem-blue);background:linear-gradient(135deg,#12a2dd08,#12a2dd03);cursor:pointer;justify-content:center;align-items:center;min-height:320px}.box-card--new:before{display:none}.box-card--new:hover{border-color:var(--harlem-blue-dark);border-style:solid;background:linear-gradient(135deg,#12a2dd14,#12a2dd08);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.box-card-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0;margin-top:auto}.box-card-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-edit{background:var(--harlem-blue);color:#fff}.btn-edit:hover{background:var(--harlem-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}@media (min-width: 1200px){.boxes-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.boxes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.box-manager-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.boxes-grid{grid-template-columns:1fr}.box-card{min-height:auto}.metric-expanded .metric-value-large{font-size:1.25rem}.box-card-actions{flex-direction:column}.box-card-actions button{width:100%}}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:1.1rem}.info-banner{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#12a2dd14,#12a2dd08);border:2px solid var(--harlem-blue);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.info-content strong{display:block;color:var(--harlem-blue);font-size:1rem;margin-bottom:var(--spacing-xs)}.info-content p{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.5}.filters-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.filter-card{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow);border-left:4px solid var(--harlem-blue);transition:all .3s ease-in-out;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:280px}.filter-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);transition:width .3s ease-in-out}.filter-card:hover:before{width:6px}.filter-card--view:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-left-color:var(--harlem-blue-dark)}.filter-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.filter-card-title{color:var(--harlem-blue);margin:0;font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.025em;word-break:break-word}.filter-details{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.filter-description{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);font-size:.875rem;line-height:1.5;color:var(--text-primary)}.filter-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);margin-top:auto}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem}.meta-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.meta-value{color:var(--text-primary);font-weight:500}.filter-card--edit{border-left-color:var(--primary-purple);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%)}.filter-card--edit:before{background:linear-gradient(180deg,var(--primary-purple) 0%,var(--harlem-blue) 100%);width:6px}.filter-card--edit .filter-card-title{color:var(--primary-purple)}.filter-card-form{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.form-group-inline{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group-inline label{font-weight:600;color:var(--text-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.form-group-inline input,.form-group-inline textarea{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;transition:all .2s ease-in-out;background:var(--background)}.form-group-inline input{font-family:Courier New,monospace;font-weight:600}.form-group-inline textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group-inline input:hover,.form-group-inline textarea:hover{border-color:var(--harlem-blue)}.form-group-inline input:focus,.form-group-inline textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8a2be21a}.field-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:calc(var(--spacing-xs) * -.5)}.filter-card--new{border:2px dashed var(--harlem-blue);border-left:4px solid var(--harlem-blue);background:linear-gradient(135deg,#12a2dd08,#12a2dd03);cursor:pointer;justify-content:center;align-items:center;min-height:280px}.filter-card--new:before{display:none}.filter-card--new:hover{border-color:var(--harlem-blue-dark);border-style:solid;background:linear-gradient(135deg,#12a2dd14,#12a2dd08);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.add-new-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-xl)}.add-new-content h4{color:var(--harlem-blue);margin:0;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.add-new-content p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.filter-card-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0;margin-top:auto}.filter-card-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.btn-delete{background:var(--danger-color);color:var(--text-inverse)}.btn-delete:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-save{background:linear-gradient(135deg,var(--success-color) 0%,#1e7e34 100%);color:#fff}.btn-save:hover{background:linear-gradient(135deg,#1e7e34 0%,var(--success-color) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-cancel{background:var(--border-color);color:var(--text-primary)}.btn-cancel:hover{background:var(--text-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.empty-state-hint{text-align:center;padding:var(--spacing-xl);margin-top:var(--spacing-lg)}.empty-state-hint p{color:var(--text-secondary);font-size:1rem;margin:0;font-style:italic}@media (min-width: 1200px){.filters-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.filters-grid{grid-template-columns:1fr}.filter-card{min-height:auto}.filter-card-actions{flex-direction:column}.filter-card-actions button{width:100%}.info-banner{flex-direction:column}}.collapsible-section{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.collapsible-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#12a2dd08,#12a2dd03);border:2px solid var(--border-light);border-left:4px solid var(--harlem-blue);cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary)}.collapsible-header:hover{background:#12a2dd0d;border-left-width:6px;transform:translate(2px);box-shadow:0 4px 12px #12a2dd1a}.collapsible-header:focus{outline:none;border-color:var(--harlem-blue);box-shadow:0 0 0 3px #12a2dd26}.collapsible-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--harlem-blue)}.collapsible-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--spacing-sm);background:var(--harlem-blue);color:#fff;font-size:.75rem;font-weight:700;line-height:1;font-family:Courier New,monospace}.collapsible-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;color:var(--harlem-blue)}.collapsible-icon.open{transform:rotate(180deg)}.collapsible-content{padding:var(--spacing-lg);border:2px solid var(--border-light);border-top:none;background:#fff}.rate-comparison{background:linear-gradient(135deg,#12a2dd08,#12a2dd03);border:2px solid var(--border-light);border-left:4px solid var(--harlem-blue);overflow:hidden;margin-top:var(--spacing-lg);transition:all .2s ease}.rate-comparison:hover{border-left-width:6px;box-shadow:0 4px 12px #12a2dd1a}.rate-summary{padding:var(--spacing-lg);border-bottom:2px solid var(--border-light);background:#fff}.rate-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.rate-summary-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:.875rem;color:var(--harlem-blue);text-transform:uppercase;letter-spacing:.08em}.rate-best-price{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);color:#fff;box-shadow:0 2px 8px #12a2dd4d}.best-price-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.best-price-value{font-size:1.25rem;font-weight:700;font-family:Courier New,monospace}.rate-recommended{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#00a86b1a;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem}.rate-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#fff;border:none;border-top:2px solid var(--border-light);cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.875rem;color:var(--harlem-blue);text-transform:uppercase;letter-spacing:.08em}.rate-toggle:hover{background:#12a2dd0d;transform:translate(2px)}.rate-details{padding:var(--spacing-lg);background:#fff}.rate-table{width:100%;border-collapse:collapse;font-size:.875rem}.rate-table thead{background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);color:#fff}.rate-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.rate-table-number{text-align:right!important}.rate-table tbody tr{border-bottom:1px solid var(--border-light);transition:all .2s ease}.rate-table tbody tr:hover{background:#12a2dd0d}.rate-table tbody tr.best-rate{background:#12a2dd14;border-left:4px solid var(--harlem-blue)}.rate-table tbody tr.best-rate:hover{background:#12a2dd1f}.rate-table td{padding:var(--spacing-md) var(--spacing-lg)}.carrier-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.rate-price{font-family:Courier New,monospace;font-weight:700;color:var(--text-primary)}.savings-negative{color:var(--danger-color);font-weight:600;font-family:Courier New,monospace}.savings-best{color:var(--success-green);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.rate-surcharges{padding:var(--spacing-md);background:#ff8c420d;border-top:1px solid var(--border-light)}.surcharges-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:700;font-size:.875rem;color:var(--warning-orange);text-transform:uppercase;letter-spacing:.05em}.surcharges-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.surcharge-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--background-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--warning-orange)}.surcharge-description{font-size:.875rem;color:var(--text-primary)}.surcharge-cost{font-family:Courier New,monospace;font-weight:700;color:var(--warning-orange)}@media (max-width: 768px){.rate-summary-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.rate-table{font-size:.8rem}.rate-table th,.rate-table td{padding:var(--spacing-sm)}.rate-table thead{display:none}.rate-table tbody tr{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.rate-table td{padding:var(--spacing-xs);text-align:left!important}.rate-table td:before{content:attr(data-label);font-weight:700;display:inline-block;margin-right:var(--spacing-xs)}}.analyzer-hero{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);position:relative}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#12a2dd1a,#12a2dd0d);border:2px solid rgba(18,162,221,.3);padding:var(--spacing-sm) var(--spacing-lg);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--harlem-blue);margin-bottom:var(--spacing-lg);animation:fadeInDown .6s ease-out}.hero-title{font-size:3rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease-out .1s both;line-height:1.2}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.analyzer-input-card{background:#fff;border:2px solid var(--border-light);border-top:4px solid var(--harlem-blue);box-shadow:0 10px 40px #00000014;padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);animation:fadeInUp .6s ease-out .3s both;transition:all .3s ease}.analyzer-input-card:hover{box-shadow:0 15px 50px #12a2dd26}.input-section{margin-bottom:var(--spacing-xl)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.input-label-group{display:flex;align-items:center;gap:var(--spacing-sm)}.input-main-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0}.input-hint{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--background-secondary);padding:var(--spacing-xs) var(--spacing-sm);opacity:.8}.input-wrapper{position:relative}.premium-input{width:100%;padding:var(--spacing-lg) var(--spacing-md);font-size:1.25rem;font-weight:600;font-family:Courier New,monospace;border:2px solid var(--border-color);background:var(--background-secondary);transition:all .2s ease}.premium-input:focus{background:#fff;border-color:var(--harlem-blue);box-shadow:0 0 0 4px #12a2dd1a;outline:none}.premium-input:hover:not(:focus){border-color:var(--harlem-blue-light)}.input-check-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out}.input-help{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);margin-bottom:0}.section-divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--border-light) 20%,var(--border-light) 80%,transparent 100%);margin:var(--spacing-xl) 0}.algorithm-section{margin-bottom:var(--spacing-xl)}.algorithm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.algorithm-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--harlem-blue);background:linear-gradient(135deg,#12a2dd1a,#12a2dd0d);padding:var(--spacing-xs) var(--spacing-md);border:2px solid rgba(18,162,221,.3)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.segment{background:var(--background-secondary);border:2px solid var(--border-light);padding:var(--spacing-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.segment:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);opacity:0;transition:opacity .25s ease;z-index:0}.segment:hover:not(.active){border-color:var(--harlem-blue);transform:translateY(-2px);box-shadow:0 4px 12px #12a2dd26}.segment.active{background:var(--harlem-blue);border-color:var(--harlem-blue);color:#fff;transform:scale(1.02);box-shadow:0 6px 20px #12a2dd4d}.segment.active:before{opacity:1}.segment-content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-md)}.segment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border-light);transition:all .25s ease;flex-shrink:0}.segment.active .segment-icon{background:#fff;border-color:#fff;color:var(--harlem-blue)}.segment-icon svg{color:inherit}.segment-text{flex:1;text-align:left}.segment-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);color:inherit}.segment-description{font-size:.8rem;font-weight:400;text-transform:none;letter-spacing:0;opacity:.8;color:inherit}.segment.active .segment-description{opacity:.9}.algorithm-info{font-size:.875rem;color:var(--text-secondary);line-height:1.6;padding:var(--spacing-md);background:linear-gradient(135deg,#12a2dd0d,#12a2dd05);border-left:3px solid var(--harlem-blue);margin-bottom:0}.action-section{margin-top:var(--spacing-xl)}.btn-analyze-premium{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);color:#fff;border:none;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #12a2dd66;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);position:relative;overflow:hidden}.btn-analyze-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-analyze-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #12a2dd80}.btn-analyze-premium:hover:not(:disabled):before{left:100%}.btn-analyze-premium:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #12a2dd4d}.btn-analyze-premium:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-analyze-premium:focus{outline:3px solid rgba(18,162,221,.4);outline-offset:3px}.arrow-icon{transition:transform .3s ease}.btn-analyze-premium:hover:not(:disabled) .arrow-icon{transform:translate(4px)}.spinner-premium{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.analyzer-input-card{padding:var(--spacing-lg)}.segmented-control{grid-template-columns:1fr}.premium-input{font-size:1rem}.segment-content{flex-direction:column;text-align:center}.segment-text{text-align:center}}.solutions-section{margin-top:var(--spacing-2xl);animation:fadeInUp .6s ease-out .4s both}.solutions-section h3{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--harlem-blue);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.solutions-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-weight:400;line-height:1.6}.solutions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}.solution-card{background:#fff;border:2px solid var(--border-light);border-top:4px solid var(--harlem-blue);padding:var(--spacing-2xl);box-shadow:0 8px 32px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out both}.solution-card:hover{box-shadow:0 12px 48px #12a2dd26;transform:translateY(-4px)}.solution-card.fade-in{animation-delay:calc(var(--index, 0) * .1s)}.solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light)}.solution-header h4{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--harlem-blue);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.solution-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-item{background:linear-gradient(135deg,#12a2dd08,#12a2dd03);border:2px solid var(--border-light);border-left:4px solid var(--harlem-blue);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:all .2s ease}.stat-item:hover{border-left-width:6px;transform:translate(2px);box-shadow:0 4px 12px #12a2dd1a}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.stat-value{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:var(--text-primary);letter-spacing:-.01em}.stat-cost{font-size:1.75rem;color:var(--harlem-blue);background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.boxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.box-card-concept-d{background:#fff;border:2px solid var(--border-light);border-left:4px solid var(--harlem-blue);padding:var(--spacing-lg);transition:all .25s ease;box-shadow:0 2px 8px #0000000a}.box-card-concept-d:hover{border-left-width:6px;transform:translate(4px);box-shadow:0 4px 16px #12a2dd26}.box-card-concept-d.highlighted{background:#12a2dd08;border-left-color:var(--harlem-blue);border-left-width:6px;transform:translate(4px);box-shadow:0 6px 20px #12a2dd33}.box-header-concept-d{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.box-info-concept-d{flex:1}.box-title-concept-d{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--harlem-blue);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.box-dimensions-concept-d{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em;margin-bottom:var(--spacing-sm);line-height:1.2}.box-weight-concept-d{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#12a2dd1a,#12a2dd0d);border:2px solid rgba(18,162,221,.3);color:var(--harlem-blue);padding:var(--spacing-xs) var(--spacing-md);font-family:Courier New,monospace;font-size:.875rem;font-weight:700;margin-top:var(--spacing-xs)}.utilization-section-concept-d{text-align:right;align-self:flex-start}.utilization-value-concept-d{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:var(--harlem-blue)}.utilization-label-concept-d{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600;margin-top:var(--spacing-xs)}.products-list-concept-d{margin-top:var(--spacing-md)}.product-item-concept-d{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border-left:3px solid rgba(18,162,221,.3);margin-bottom:var(--spacing-xs);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.product-item-concept-d:hover{background:#12a2dd0d;border-left-width:4px;border-left-color:var(--harlem-blue);transform:translate(2px)}.product-item-concept-d:last-child{margin-bottom:0}.product-name-concept-d{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4}.product-qty-concept-d{font-family:Courier New,monospace;font-size:.875rem;font-weight:700;color:var(--harlem-blue);background:#fff;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-light);min-width:48px;text-align:center}.solution-action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-start-packing{flex:1;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #12a2dd4d;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-start-packing:hover{transform:translateY(-2px);box-shadow:0 8px 24px #12a2dd66}.btn-start-packing:active{transform:translateY(0);box-shadow:0 2px 8px #12a2dd33}.btn-manual-packing{flex:1;padding:var(--spacing-lg) var(--spacing-xl);background:#fff;color:var(--harlem-blue);border:2px solid var(--harlem-blue);border-radius:var(--radius-lg);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-manual-packing:hover{background:var(--harlem-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #12a2dd4d}.btn-manual-packing:active{transform:translateY(0);box-shadow:0 2px 8px #12a2dd33}@media (max-width: 768px){.solution-stats,.boxes-grid{grid-template-columns:1fr}.box-dimensions-concept-d{font-size:1.5rem}.solution-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.analyzer-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--primary-purple)}.analyzer-header h2{color:var(--primary-purple);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.upload-section{margin-bottom:var(--spacing-xl)}.addresses-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-text{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem;padding:var(--spacing-md);background:#fff;border-left:4px solid var(--harlem-blue);border-radius:var(--radius-sm)}.link-button{background:none;border:none;color:var(--harlem-blue);text-decoration:underline;cursor:pointer;padding:0;margin-left:var(--spacing-xs);font-size:inherit;font-weight:600}.link-button:hover{color:var(--harlem-blue-dark)}.addresses-section h3{color:var(--primary-purple);margin-bottom:var(--spacing-sm);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em}.addresses-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem}.addresses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.address-card{background:var(--background);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-light)}.address-card h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.025em}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;font-family:Courier New,monospace;font-weight:600;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #5b3a9e1a}.form-input:hover{border-color:var(--accent-cyan)}.upload-area{background:linear-gradient(135deg,#5b3a9e0d,#00d4ff0d);border:2px dashed var(--primary-purple);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-normal);cursor:pointer;margin-bottom:var(--spacing-lg)}.upload-area:hover{border-color:var(--accent-cyan);background:linear-gradient(135deg,#5b3a9e14,#00d4ff14);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-area.drag-active{border-color:var(--accent-cyan);background:linear-gradient(135deg,#5b3a9e1a,#00d4ff1a);transform:scale(1.02);box-shadow:var(--shadow-lg)}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:flex;justify-content:center}.upload-area h3{color:var(--primary-purple);margin-bottom:var(--spacing-sm);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.upload-area p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.upload-format{font-size:.875rem;font-family:Courier New,monospace;background:var(--background-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);display:inline-block;margin:var(--spacing-md) 0;border:1px solid var(--border-light);color:var(--text-primary)}.upload-area label{margin-top:var(--spacing-md);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.file-selected{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background:var(--success-green);color:var(--text-inverse);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);font-weight:600;box-shadow:var(--shadow)}.sticky-footer{position:sticky;bottom:0;left:0;right:0;background:#fff;padding:var(--spacing-md) 0;box-shadow:0 -4px 12px #0000001a;z-index:100;margin:0 calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.btn-analyze{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:var(--secondary-orange);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:1.125rem;font-weight:700;letter-spacing:.025em;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-analyze:hover:not(:disabled){background:var(--secondary-orange-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-analyze:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6;transform:none}.loading-state{text-align:center;padding:var(--spacing-2xl);background:var(--background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-light)}.spinner{width:50px;height:50px;margin:0 auto var(--spacing-md);border:4px solid var(--border-light);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:var(--text-secondary);font-size:1.1rem;margin:0}.solutions-section{margin-top:var(--spacing-2xl)}.solutions-section h3{color:var(--primary-purple);margin-bottom:var(--spacing-sm);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.solutions-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.solutions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.solution-card{background:var(--background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);border:1px solid var(--border-light);border-left:4px solid var(--primary-purple);transition:all var(--transition-normal)}.solution-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-left-width:6px}.solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.solution-header h4{color:var(--primary-purple);margin:0;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em}.solution-badge{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--primary-purple) 100%);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.95rem;font-weight:700;font-family:Courier New,monospace}.solution-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);border-left:3px solid var(--primary-purple)}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.25rem;color:var(--text-primary);font-weight:700;font-family:Courier New,monospace}.stat-cost{color:var(--secondary-orange);font-size:1.5rem}.utilization-bar{width:100%;height:12px;background:var(--border-light);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-lg);box-shadow:inset 0 2px 4px #0000001a}.utilization-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--primary-purple) 100%);transition:width .8s ease;box-shadow:0 0 8px #00d4ff80}.box-breakdown h5{color:var(--text-primary);font-size:.95rem;margin-bottom:var(--spacing-md);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-xs)}.box-item{display:flex;justify-content:space-between;align-items:center;padding:2px 8px;background:var(--background);border-radius:var(--radius-sm);margin-bottom:2px;border-left:2px solid var(--accent-cyan);transition:all var(--transition-fast);cursor:pointer;min-height:24px}.box-item:hover{background:var(--border-light);transform:translate(4px);border-left-width:3px;box-shadow:0 2px 8px #12a2dd33}.box-item.highlighted{background:#5b3a9e1a;border-left-color:var(--primary-purple);border-left-width:3px;transform:translate(4px);box-shadow:0 4px 12px #5b3a9e4d}.box-item:last-child{margin-bottom:0}.box-info{display:flex;flex-direction:column;gap:0px;line-height:1.2}.box-name{font-weight:600;color:var(--text-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:4px}.box-dimensions{font-size:1rem;color:var(--text-secondary);font-family:Courier New,monospace}.box-products{font-size:1rem;color:var(--text-secondary);background:var(--background-secondary);padding:1px 6px;border-radius:var(--radius-sm);font-weight:600}.empty-state{text-align:center;padding:var(--spacing-2xl);background:var(--background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:var(--spacing-xl);border:2px dashed var(--border-color)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin:0}@media (max-width: 768px){.upload-area{padding:var(--spacing-xl) var(--spacing-md)}.upload-icon{font-size:2rem}.addresses-grid{grid-template-columns:1fr}.solution-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.solution-stats{grid-template-columns:1fr}.box-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.input-mode-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center}.input-mode-tabs .tab{flex:1;max-width:250px;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.025em}.input-mode-tabs .tab:hover{background:var(--background);border-color:var(--primary-purple);color:var(--text-primary);transform:translateY(-2px)}.input-mode-tabs .tab.active{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.order-input-area{padding:var(--spacing-xl);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%);border:2px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast)}.order-input-area:hover{border-color:var(--primary-purple);box-shadow:0 8px 24px #00000014}.order-input-area .order-icon{margin-bottom:var(--spacing-lg)}.order-input-area h3{color:var(--primary-purple);font-size:1.5rem;margin-bottom:var(--spacing-md);font-weight:700;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.order-input-area p{color:var(--text-secondary);margin-bottom:0;font-size:1rem}.order-input-area .form-group{max-width:400px;margin:1.5rem auto 0;text-align:left}.order-input-area .form-input{text-align:center;font-size:1.1rem;padding:var(--spacing-lg);border:2px solid var(--border-color)}.order-input-area .form-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf61a}.page-with-sidebar{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media (max-width: 1199px){.page-with-sidebar{grid-template-columns:280px 1fr;gap:var(--spacing-md)}}@media (max-width: 767px){.page-with-sidebar{display:block}}.order-packing-page{min-height:100vh;background:var(--gray-50);padding-bottom:2rem}.packing-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem;box-shadow:0 1px 3px #0000000d}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--gray-200);border-color:var(--gray-400)}.header-content{flex:1}.header-content h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.order-number{margin:0;font-size:.875rem;color:var(--text-secondary)}.header-actions{display:flex;gap:1rem}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#fff;color:var(--primary-purple);border:2px solid var(--primary-purple)}.btn-secondary:hover{background:var(--purple-50)}.btn-primary{background:var(--success-green);color:#fff}.btn-primary:hover{background:#059669}.packing-workspace{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.5rem 2rem;max-width:1800px;margin:0 auto}.products-sidebar{background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200);height:fit-content;max-height:calc(100vh - 200px);display:flex;flex-direction:column;box-shadow:0 2px 4px #0000000d}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.product-count{background:var(--purple-100);color:var(--primary-purple);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.products-list{flex:1;overflow-y:auto;padding:1rem;min-height:200px}.products-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.products-list .empty-state p{margin:1rem 0 0;color:var(--text-secondary);font-weight:600}.product-card{display:flex;gap:1rem;padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:.75rem;cursor:grab;transition:all .2s}.product-card:hover{border-color:var(--primary-purple);box-shadow:0 2px 8px #7928ca26;transform:translateY(-1px)}.product-card:active{cursor:grabbing;opacity:.5}.product-card.highlighted{border-color:var(--primary-purple);background:var(--purple-50);box-shadow:0 4px 12px #7928ca40;transform:translateY(-2px)}.product-icon{flex-shrink:0;width:48px;height:48px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-200)}.product-details{flex:1;min-width:0}.product-name{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-variant{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.product-dimensions{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;font-family:Courier New,monospace}.product-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.boxes-grid{display:flex;flex-direction:column;gap:1rem}.grid-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.boxes-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.box-card{background:#fff;border:2px dashed var(--gray-300);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s;min-height:400px;display:flex;flex-direction:column}.box-card:hover{border-color:var(--accent-cyan);box-shadow:0 4px 12px #00000014}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.box-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--text-primary)}.remove-box-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-box-btn:hover{background:var(--red-50)}.box-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.utilization-bar{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.utilization-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.box-products{flex:1;min-height:200px;background:var(--gray-50);border-radius:var(--radius-sm);padding:1rem;overflow-y:auto}.box-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.box-empty p{margin:1rem 0 0;font-size:.875rem}.box-product-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);margin-bottom:.5rem;cursor:grab;transition:all .2s}.box-product-item:hover{border-color:var(--accent-cyan);box-shadow:0 2px 4px #0000000d}.box-product-item:active{cursor:grabbing;opacity:.5}.box-product-item.highlighted{border-color:var(--primary-purple);background:var(--purple-50);box-shadow:0 2px 8px #7928ca33}.box-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.box-product-name{font-weight:600;font-size:.8rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-product-details{font-size:.7rem;color:var(--text-secondary);font-family:Courier New,monospace}@media (max-width: 1200px){.packing-workspace{grid-template-columns:280px 1fr}.boxes-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.packing-workspace{grid-template-columns:1fr}.products-sidebar{max-height:300px}.packing-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:stretch}.header-actions button{flex:1}}.validation-warning{position:relative;display:flex;flex-direction:column;width:100%;min-height:80px;border:3px solid;background:#fff;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);overflow:hidden;animation:validationSlideIn .4s cubic-bezier(.22,1,.36,1)}@keyframes validationSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.validation-warning__blocking-bar{position:absolute;left:0;top:0;bottom:0;width:8px;background:currentColor;animation:blockingPulse 2s ease-in-out infinite}@keyframes blockingPulse{0%,to{opacity:1}50%{opacity:.7}}.validation-warning__container{display:flex;align-items:flex-start;width:100%;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-lg)}.validation-warning--blocking .validation-warning__container{padding-left:calc(var(--spacing-xl) + 8px)}.validation-warning__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:currentColor;opacity:.12;transition:opacity var(--transition-fast)}.validation-warning:hover .validation-warning__icon{opacity:.18}.validation-warning--blocking .validation-warning__icon{width:64px;height:64px;opacity:.15}.validation-warning__content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.validation-warning__title{font-size:1.25rem;font-weight:700;font-family:Oswald,Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--text-primary);line-height:1.3}.validation-warning--blocking .validation-warning__title{font-size:1.375rem}.validation-warning__message{margin:0;font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.validation-warning__blocking-text{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-md);background:#00000008;border-left:4px solid currentColor;font-size:.9375rem;line-height:1.5;color:var(--text-primary)}.validation-warning__blocking-text strong{font-weight:700}.validation-warning__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.validation-warning__action{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;font-family:Oswald,Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.validation-warning__action:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.validation-warning__action:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.validation-warning--error{border-color:var(--danger-color);background:#fff5f5;color:var(--danger-color)}.validation-warning--error .validation-warning__action--error{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.validation-warning--error .validation-warning__action--error:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.validation-warning--warning{border-color:var(--warning-orange);background:var(--warning-amber-bg);color:var(--warning-orange)}.validation-warning--warning .validation-warning__action--warning{background:var(--warning-orange);color:#fff;border-color:var(--warning-orange)}.validation-warning--warning .validation-warning__action--warning:hover:not(:disabled){background:#e67a2e;border-color:#e67a2e}.validation-warning--info{border-color:var(--harlem-blue);background:#f0f9ff;color:var(--harlem-blue)}.validation-warning--info .validation-warning__action--info{background:var(--harlem-blue);color:#fff;border-color:var(--harlem-blue)}.validation-warning--info .validation-warning__action--info:hover:not(:disabled){background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark)}.validation-warning__action--secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.validation-warning__action--secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary)}.validation-warning--blocking{border-width:4px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a}@media (max-width: 768px){.validation-warning__container{padding:var(--spacing-md) var(--spacing-lg)}.validation-warning--blocking .validation-warning__container{padding-left:calc(var(--spacing-lg) + 8px)}.validation-warning__icon{width:48px;height:48px}.validation-warning--blocking .validation-warning__icon{width:56px;height:56px}.validation-warning__title{font-size:1.125rem}.validation-warning--blocking .validation-warning__title{font-size:1.25rem}.validation-warning__message{font-size:.9375rem}.validation-warning__blocking-text{font-size:.875rem}.validation-warning__actions{flex-direction:column;gap:var(--spacing-sm)}.validation-warning__action{width:100%;justify-content:center}}@media (max-width: 480px){.validation-warning__container{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.validation-warning--blocking .validation-warning__container{padding-left:calc(var(--spacing-md) + 8px)}.validation-warning__blocking-bar{width:6px}.validation-warning__icon{width:40px;height:40px}.validation-warning--blocking .validation-warning__icon{width:48px;height:48px}.validation-warning__title{font-size:1rem}.validation-warning--blocking .validation-warning__title{font-size:1.125rem}.validation-warning__message{font-size:.875rem}.validation-warning__blocking-text{padding:var(--spacing-sm);font-size:.8125rem;border-left-width:3px}}@media print{.validation-warning{border:3px solid #000;box-shadow:none;page-break-inside:avoid}.validation-warning__blocking-bar,.validation-warning__actions{display:none}}@media (prefers-contrast: high){.validation-warning{border-width:4px}.validation-warning--blocking{border-width:5px}.validation-warning__title{font-weight:800}.validation-warning__blocking-bar{width:10px}}@media (prefers-reduced-motion: reduce){.validation-warning,.validation-warning__blocking-bar{animation:none}.validation-warning__action{transition:none}.validation-warning__action:hover{transform:none}}.validation-warning__action:focus-visible{outline:3px solid var(--harlem-blue);outline-offset:2px}.validation-warning__action:focus:not(:focus-visible){outline:none}.shipment-overview-page{min-height:100vh;background:var(--bg-primary);padding-bottom:2rem}.overview-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-hover);border-color:var(--primary-purple);color:var(--primary-purple)}.overview-title{display:flex;align-items:center;gap:.75rem;font-family:Oswald,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.overview-content{max-width:1200px;margin:0 auto;padding:2rem}.overview-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.pickup-hq-banner{background:var(--warning-amber-bg);border:2px solid var(--warning-orange);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #ff8c4226}.pickup-hq-banner strong{color:var(--warning-amber-text);font-size:14px;display:block}.pickup-hq-banner p{margin:4px 0 0;font-size:13px;color:var(--warning-amber-text)}.shopify-order-banner{background:#f0f7ff;border:2px solid var(--harlem-blue);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0057b81a}.shopify-order-banner strong{color:var(--harlem-blue);font-size:14px;display:block}.shopify-order-banner p{margin:4px 0 0;font-size:13px;color:#1e3a5f}.section-title{display:flex;align-items:center;gap:.5rem;font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.info-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.info-value-link{display:inline-flex;align-items:center;font-size:1rem;font-weight:600;color:var(--harlem-blue);text-decoration:none;transition:all .2s ease}.info-value-link:hover{color:var(--harlem-blue-dark);text-decoration:underline}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.status-badge--released{background:#10b9811a;color:#10b981}.status-badge--open{background:#f59e0b1a;color:#f59e0b}.source-orders-list,.source-orders-inline{display:flex;flex-wrap:wrap;gap:.5rem}.info-item--source-orders{grid-column:span 2}.order-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);text-decoration:none}.order-badge--link{cursor:pointer;transition:all .2s ease}.order-badge--link:hover{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 4px 8px #4834d433}.items-table-container{overflow-x:auto}.items-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.items-table thead{background:var(--bg-hover)}.items-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.items-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.items-table tbody tr:hover{background:var(--bg-hover)}.item-no{font-family:Courier New,monospace;font-weight:500}.item-description{color:var(--text-secondary)}.item-dimensions,.item-weight{font-family:Courier New,monospace}.item-quantity{font-weight:600}.text-center{text-align:center}.address-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-hover);border-radius:8px}.address-line{font-size:.875rem;color:var(--text-primary)}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.total-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-hover);border-radius:8px}.total-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.total-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.overview-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:12px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--primary-purple);color:#fff}.btn-primary:hover{background:var(--primary-purple-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4834d433}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary-purple);color:var(--primary-purple)}@media (max-width: 768px){.overview-header{flex-direction:column;align-items:flex-start;gap:1rem}.overview-content,.overview-section{padding:1rem}.info-grid,.totals-grid{grid-template-columns:1fr}.overview-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.overview-title{font-size:1.5rem}.section-title{font-size:1.125rem}.items-table{font-size:.75rem}.items-table th,.items-table td{padding:.5rem}}@media (prefers-contrast: high){.overview-section,.btn-primary,.btn-secondary{border-width:2px}}@media (prefers-reduced-motion: reduce){.btn-primary,.btn-secondary,.back-button{transition:none}.btn-primary:hover{transform:none}}.documents-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:documentsModalFadeIn .2s ease-out}@keyframes documentsModalFadeIn{0%{opacity:0}to{opacity:1}}.documents-modal{background:#fff;border-radius:12px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;display:flex;flex-direction:column;animation:documentsModalSlideUp .3s ease-out}@keyframes documentsModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.documents-modal__close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.75rem;line-height:1;cursor:pointer;color:#666;padding:.25rem .5rem;transition:color .2s;z-index:10}.documents-modal__close-button:hover{color:#000}.documents-modal__close-button:focus{outline:2px solid var(--harlem-blue);outline-offset:2px}.documents-modal__close-button:disabled{cursor:not-allowed;opacity:.5}.documents-modal__header{padding:1.5rem 2rem 1rem;border-bottom:1px solid #e0e0e0}.documents-modal__header h2{margin:0;font-size:1.25rem;color:#333;padding-right:2rem}.documents-modal__content{padding:1.5rem 2rem}.documents-modal__error{background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;color:#b91c1c;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.documents-modal__field{margin-bottom:1.25rem}.documents-modal__field:last-child{margin-bottom:0}.documents-modal__field label{display:block;font-weight:500;margin-bottom:.5rem;color:#333;font-size:.875rem}.documents-modal__field select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#333;background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.documents-modal__field select:hover{border-color:#9ca3af}.documents-modal__field select:focus{outline:none;border-color:var(--harlem-blue);box-shadow:0 0 0 3px #12a2dd33}.documents-modal__field select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.documents-modal__footer{padding:1rem 2rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;gap:.75rem;justify-content:flex-end}.documents-modal__button{padding:.625rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.documents-modal__button:focus{outline:2px solid var(--harlem-blue);outline-offset:2px}.documents-modal__button:disabled{cursor:not-allowed;opacity:.6}.documents-modal__button--secondary{background:#fff;border:1px solid #d1d5db;color:#333}.documents-modal__button--secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.documents-modal__button--primary{background:var(--harlem-blue);border:none;color:#fff}.documents-modal__button--primary:hover:not(:disabled){background:var(--harlem-blue-dark)}.documents-modal__button--primary:active:not(:disabled){background:var(--harlem-blue-dark)}@media (prefers-reduced-motion: reduce){.documents-modal-overlay,.documents-modal{animation:none}}@media (max-width: 480px){.documents-modal{margin:.5rem}.documents-modal__header{padding:1rem 1.5rem .75rem}.documents-modal__content{padding:1rem 1.5rem}.documents-modal__footer{padding:.75rem 1.5rem 1rem;flex-direction:column}.documents-modal__button{width:100%;justify-content:center}}.order-items-column{display:flex;flex-direction:column;height:100%;gap:var(--mp-spacing-lg)}.column-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mp-spacing-sm);border-bottom:2px solid var(--mp-border)}.column-title{display:flex;align-items:center;gap:var(--mp-spacing-xs)}.column-title h2{font-size:15px;font-weight:600;color:var(--mp-text-primary);margin:0;line-height:1.3}.item-count{padding:2px var(--mp-spacing-sm);background:var(--mp-surface-tertiary);border-radius:var(--mp-radius-full);font-size:11px;font-weight:500;color:var(--mp-text-secondary)}.search-box{display:flex;align-items:center;gap:var(--mp-spacing-xs);padding:var(--mp-spacing-sm);background:var(--mp-surface-secondary);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);transition:all var(--mp-transition-fast)}.search-box:focus-within{border-color:var(--primary-purple);box-shadow:0 0 0 2px #6b46c11a}.search-box input{flex:1;border:none;background:transparent;font-size:13px;color:var(--mp-text-primary);outline:none}.search-box input::placeholder{color:var(--mp-text-tertiary)}.quick-pack-button{width:100%;background:var(--harlem-blue);border:1px solid var(--harlem-blue);border-radius:4px;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;min-height:44px;box-shadow:0 2px 4px #12a2dd33}.quick-pack-button:hover{background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d;transform:translateY(-1px)}.quick-pack-button:active{transform:translateY(1px);box-shadow:0 2px 4px #12a2dd33}.quick-pack-button:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.order-items-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mp-spacing-sm);padding:2px var(--mp-spacing-xs) 0 0;position:relative;transition:background var(--mp-transition-fast),border var(--mp-transition-fast)}.order-items-list--drag-over{background:#4caf500d;border:2px dashed var(--success-green);border-radius:var(--mp-radius-lg);padding:calc(var(--mp-spacing-md) - 2px) var(--mp-spacing-xs) 0 0}.drop-zone-hint{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mp-spacing-xs);padding:var(--mp-spacing-lg);background:#4caf501a;border:2px dashed var(--success-green);border-radius:var(--mp-radius-md);margin-bottom:var(--mp-spacing-md);font-size:14px;font-weight:600;color:var(--success-green);z-index:10;animation:hint-pulse 1s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.7}}.order-items-list::-webkit-scrollbar{width:6px}.order-items-list::-webkit-scrollbar-track{background:var(--mp-surface-secondary);border-radius:var(--mp-radius-full)}.order-items-list::-webkit-scrollbar-thumb{background:var(--mp-border);border-radius:var(--mp-radius-full)}.order-items-list::-webkit-scrollbar-thumb:hover{background:var(--mp-text-tertiary)}.order-item-card{position:relative;background:var(--mp-surface-primary);border:2px solid var(--mp-border);border-radius:var(--mp-radius-md);padding:var(--mp-spacing-sm) var(--mp-spacing-md);cursor:grab;transition:all var(--mp-transition-normal);user-select:none;-webkit-user-select:none;min-height:64px;display:flex;flex-direction:column;gap:var(--mp-spacing-sm)}.order-item-card:hover{background:var(--mp-surface-secondary);border-color:var(--mp-border-hover);box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.order-item-card:active{cursor:grabbing}.order-item-card--dragging{opacity:.4;cursor:grabbing;transform:scale(.98)}.order-item-card--partially-packed{border-left:4px solid var(--success-green);background:linear-gradient(to right,rgba(16,185,129,.05) 0%,var(--mp-surface-primary) 20%)}.order-item-card--fully-packed{opacity:.6;pointer-events:none;border-color:var(--success-green);background:var(--mp-surface-secondary)}.order-item-card__header{display:flex;gap:var(--mp-spacing-sm)}.order-item-card__drag-handle{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.order-item-card__info{flex:1;min-width:0}.order-item-card__title{font-size:13px;font-weight:600;color:var(--mp-text-primary);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.3}.order-item-card__description{font-size:10px;color:var(--mp-text-tertiary);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.order-item-card__metrics{display:flex;gap:var(--mp-spacing-md)}.metric{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--mp-text-secondary);line-height:1.3}.order-item-card__quantity{display:flex;justify-content:flex-end}.quantity-badge{display:flex;align-items:center;gap:var(--mp-spacing-xs);padding:2px var(--mp-spacing-sm);background:var(--mp-surface-tertiary);border-radius:var(--mp-radius-full)}.quantity-badge__progress{width:24px;height:24px}.circular-progress{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress__track{fill:none;stroke:var(--mp-border);stroke-width:3}.circular-progress__fill{fill:none;stroke:var(--success-green);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray var(--mp-transition-slow)}.quantity-badge__text{display:flex;align-items:baseline;gap:1px;font-weight:500}.quantity-badge__remaining{font-size:13px;color:var(--mp-text-primary);line-height:1}.quantity-badge__separator{font-size:10px;color:var(--mp-text-tertiary);line-height:1}.quantity-badge__total{font-size:10px;color:var(--mp-text-secondary);line-height:1}.quantity-badge__check{animation:check-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes check-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mp-spacing-md);padding:var(--mp-spacing-3xl);text-align:center}.empty-state p{font-size:14px;color:var(--mp-text-secondary);margin:0}.column-footer{display:flex;justify-content:space-between;padding-top:var(--mp-spacing-md);border-top:1px solid var(--mp-border)}.footer-stat{display:flex;flex-direction:column;gap:var(--mp-spacing-xs)}.footer-stat-label{font-size:11px;color:var(--mp-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.footer-stat-value{font-size:18px;font-weight:600;color:var(--mp-text-primary)}@media (hover: none) and (pointer: coarse){.order-item-card{min-height:104px;padding:18px}.order-item-card__drag-handle{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){.order-item-card:hover{transform:none}.quantity-badge__check{animation:none}}.order-item-card--no-dimensions{border-left:4px solid #0ea5e9;background:linear-gradient(to right,#f0f9ff 0%,var(--mp-surface-primary) 20%)}.order-item-card__warning-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.order-item-card__incomplete-data{display:flex;flex-direction:column;gap:var(--mp-spacing-sm);padding:var(--mp-spacing-md);background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--mp-radius-md)}.incomplete-data__row{display:flex;align-items:center;gap:var(--mp-spacing-xs)}.incomplete-data__label{font-size:13px;font-weight:600;color:#0c4a6e}.incomplete-data__missing{display:flex;flex-wrap:wrap;gap:var(--mp-spacing-xs);margin-top:var(--mp-spacing-xs)}.missing-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;font-size:11px;font-weight:500;color:#0369a1;white-space:nowrap}.incomplete-data__hint{font-size:12px;color:#64748b;margin:0;font-style:italic;line-height:1.4}.stat--weight{cursor:pointer;transition:all var(--mp-transition-fast);border-radius:4px;padding:4px 6px;margin:-4px -6px;position:relative}.stat--weight:hover{background:var(--mp-surface-tertiary)}.stat--weight:focus{outline:2px solid var(--harlem-blue);outline-offset:2px}.stat--editing{cursor:default;background:#fff;border:1px solid var(--harlem-blue);padding:4px 8px;gap:6px;flex-wrap:nowrap;position:relative;z-index:10}.stat--editing:hover{background:#fff}.stat__value--manual{color:var(--harlem-blue);font-weight:600}.stat__manual-indicator{color:var(--harlem-blue);opacity:.7}.stat__warning-icon{animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.weight-input{width:60px;padding:2px 4px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--mp-text-primary);text-align:right;font-family:inherit}.weight-input:focus{outline:none}.weight-input::-webkit-inner-spin-button,.weight-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weight-input[type=number]{-moz-appearance:textfield}.weight-unit{font-size:11px;color:var(--mp-text-secondary)}.weight-actions{display:flex;gap:4px;margin-left:4px}.weight-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--mp-border);border-radius:4px;background:#fff;cursor:pointer;transition:all var(--mp-transition-fast)}.weight-action:hover{transform:scale(1.1)}.weight-action:active{transform:scale(.95)}.weight-action:disabled{opacity:.4;cursor:not-allowed}.weight-action:disabled:hover{transform:none}.weight-action--save{border-color:#10b981;color:#10b981}.weight-action--save:hover:not(:disabled){background:#10b981;color:#fff}.weight-action--cancel{border-color:var(--mp-text-tertiary);color:var(--mp-text-secondary)}.weight-action--cancel:hover{background:var(--mp-surface-tertiary)}.weight-action--reset{border-color:var(--harlem-blue);color:var(--harlem-blue);font-size:16px;font-weight:700}.weight-action--reset:hover{background:var(--harlem-blue);color:#fff}.weight-validation-error{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background:#ef4444;color:#fff;font-size:10px;border-radius:4px;white-space:nowrap;z-index:100;display:flex;align-items:center;gap:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.weight-validation-error:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:#ef4444}.stat--warning{animation:subtle-pulse 3s ease-in-out infinite}@keyframes subtle-pulse{0%,to{background:transparent}50%{background:#fbbf241a}}@media (max-width: 768px){.stat--weight{padding:8px;margin:-8px}.stat--editing{padding:12px}.weight-input{width:80px;font-size:14px;padding:4px 8px}.weight-action{width:36px;height:36px}.weight-validation-error{font-size:11px;padding:6px 10px;left:auto;right:0;top:100%;transform:none;margin-left:0;margin-top:4px}.weight-validation-error:before{inset:auto 12px 100% auto;transform:none;border-right-color:transparent;border-bottom-color:#ef4444}}@media (max-width: 480px){.stat--weight{justify-content:space-between}.weight-actions{margin-left:auto}}.packing-workspace-column{display:flex;flex-direction:column;height:100%;gap:var(--mp-spacing-md)}.header-controls{display:flex;align-items:center;gap:var(--mp-spacing-sm)}.box-count{padding:2px var(--mp-spacing-sm);background:var(--mp-surface-tertiary);border-radius:var(--mp-radius-full);font-size:11px;font-weight:500;color:var(--mp-text-secondary)}.load-quote-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--primary-purple);color:#fff;border:none;border-radius:var(--mp-radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.load-quote-btn:hover{background:var(--primary-purple-dark);transform:translateY(-1px);box-shadow:0 2px 8px #6b46c140}.load-quote-btn:active{transform:translateY(0)}.load-quote-btn svg{flex-shrink:0}.auto-close-toggle{display:flex;align-items:center;gap:var(--mp-spacing-xs)}.toggle-label{font-size:11px;font-weight:500;color:var(--mp-text-secondary)}.ios-switch input:focus+.ios-switch-slider{box-shadow:0 0 0 2px #12a2dd33}.packing-boxes-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mp-spacing-md);padding:0 var(--mp-spacing-xs) 0 4px}.packing-boxes-container::-webkit-scrollbar{width:8px}.packing-boxes-container::-webkit-scrollbar-track{background:transparent;border-radius:var(--mp-radius-full)}.packing-boxes-container::-webkit-scrollbar-thumb{background:var(--mp-border);border-radius:var(--mp-radius-full);border:2px solid transparent;background-clip:padding-box}.packing-boxes-container::-webkit-scrollbar-thumb:hover{background:var(--mp-text-tertiary);border:2px solid transparent;background-clip:padding-box}.packing-box{background:var(--mp-surface-primary);border-radius:var(--mp-radius-lg);overflow:hidden;transition:all var(--mp-transition-normal);margin-left:4px;box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a}@keyframes box-scale-in{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.packing-box.newly-added{animation:box-scale-in .3s cubic-bezier(.34,1.56,.64,1)}@media (prefers-reduced-motion: reduce){.packing-box.newly-added{animation:none}}.packing-box--open{border:2px dashed #9CA3AF;box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a}.packing-box--closed{border:2px solid #6B7280;cursor:pointer;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.packing-box--closed:hover{border-color:var(--mp-border-hover);box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014;transform:translateY(-2px)}.packing-box--drag-over{border-color:var(--mp-drag-valid);border-style:solid;background:#34d39914;box-shadow:0 0 0 3px #34d39933,inset 0 0 0 2px var(--mp-drag-valid),0 4px 12px #34d3994d;transform:scale(1.01)}.packing-box__header{display:flex;align-items:center;justify-content:space-between;padding:var(--mp-spacing-sm) var(--mp-spacing-md);background:var(--mp-surface-secondary);gap:var(--mp-spacing-sm)}.packing-box__title-section{display:flex;align-items:center;gap:var(--mp-spacing-sm);flex:1;min-width:0}.packing-box__name{font-size:13px;font-weight:600;color:var(--mp-text-primary);line-height:1.3}.packing-box__format-badge{padding:2px var(--mp-spacing-xs);background:var(--primary-purple);color:#fff;border-radius:var(--mp-radius-sm);font-size:10px;font-weight:500;white-space:nowrap;line-height:1.3}.packing-box__actions{display:flex;gap:var(--mp-spacing-xs)}.icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--mp-surface-primary);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);cursor:pointer;transition:all var(--mp-transition-fast);flex-shrink:0}.icon-button:hover{background:var(--mp-surface-tertiary);border-color:var(--mp-text-secondary);transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.icon-button--danger{background:transparent;border:none}.icon-button--danger:hover{background:#ef44441a;transform:scale(1.1)}.packing-box__content{padding:var(--mp-spacing-md);min-height:120px;transition:all var(--mp-transition-normal)}.packing-box__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;gap:var(--mp-spacing-xs);text-align:center;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(229,231,235,.3) 10px,rgba(229,231,235,.3) 20px);border:2px dashed rgba(229,231,235,.5);border-radius:var(--mp-radius-md);transition:all var(--mp-transition-normal)}.packing-box--drag-over .packing-box__empty{background:repeating-linear-gradient(45deg,#34d3990d,#34d3990d 10px,#34d39926 10px 20px);border-color:var(--mp-drag-valid)}.packing-box__empty p{font-size:12px;color:var(--mp-text-secondary);margin:0;line-height:1.4;position:relative;z-index:1}.packing-box__items{display:flex;flex-direction:column;gap:4px}.packed-item{display:flex;align-items:center;gap:var(--mp-spacing-xs);padding:4px var(--mp-spacing-sm);background:var(--mp-surface-secondary);border-radius:var(--mp-radius-sm);transition:all var(--mp-transition-fast);position:relative;border:1px solid transparent}.packed-item--draggable{cursor:grab;box-shadow:0 1px 2px #0000000a}.packed-item--draggable:active{cursor:grabbing}.packed-item--dragging{opacity:.5;cursor:grabbing}.packed-item:hover{background:var(--mp-surface-tertiary)}.packed-item--draggable:hover{transform:translate(-3px);box-shadow:0 2px 6px #0000001f,0 1px 3px #00000014;border-color:var(--mp-border)}.packed-item--incomplete{background:#f0f9ff;border-left:3px solid #0ea5e9}.packed-item--incomplete:hover{background:#e0f2fe}.packed-item__details--incomplete{color:#0369a1;font-weight:500;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.detail-badge{display:inline-flex;padding:1px 6px;background:#bae6fd;border-radius:8px;font-size:10px;font-weight:600;color:#0c4a6e;text-transform:uppercase;letter-spacing:.03em}.packed-item__drag-handle{opacity:0;transition:opacity var(--mp-transition-fast);display:flex;align-items:center;justify-content:center}.packed-item--draggable:hover .packed-item__drag-handle{opacity:1}.packed-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.packed-item__name{font-size:12px;font-weight:500;color:var(--mp-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.packed-item__details{font-size:10px;color:var(--mp-text-secondary);line-height:1.3}.packing-box__footer{padding:var(--mp-spacing-sm) var(--mp-spacing-md);background:var(--mp-surface-secondary);border-top:1px solid var(--mp-border)}.utilization-bar{height:6px;background:var(--mp-surface-primary);border-radius:var(--mp-radius-full);overflow:hidden;margin-bottom:var(--mp-spacing-sm)}.utilization-bar__fill{height:100%;transition:width var(--mp-transition-slow),background-color var(--mp-transition-normal);border-radius:var(--mp-radius-full)}.utilization-bar__fill--low{background:linear-gradient(90deg,var(--success-green),#34D399)}.utilization-bar__fill--medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.utilization-bar__fill--high{background:linear-gradient(90deg,#ef4444,#f87171)}.utilization-bar__fill--overflow{background:linear-gradient(90deg,#dc2626,#dc2626);animation:pulse-overflow 2s ease-in-out infinite}@keyframes pulse-overflow{0%,to{opacity:1}50%{opacity:.8}}.packing-box__stats{display:flex;justify-content:space-between;gap:var(--mp-spacing-sm)}.stat{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--mp-text-secondary);font-weight:500;line-height:1.3}.stat--utilization-low{color:var(--success-green)}.stat--utilization-medium{color:#f59e0b}.stat--utilization-high{color:var(--error-red)}.stat--utilization-overflow{color:#dc2626;font-weight:600}.packing-box__summary{display:flex;align-items:center;justify-content:space-around;padding:var(--mp-spacing-sm) var(--mp-spacing-md);gap:var(--mp-spacing-sm)}.summary-stat{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--mp-text-secondary);font-weight:500;line-height:1.3}.summary-utilization{display:flex;align-items:center;justify-content:center;padding:2px var(--mp-spacing-sm);border-radius:var(--mp-radius-full);font-size:11px;font-weight:700;min-width:40px;line-height:1.3}.summary-utilization--low{background:#ef44441a;color:#dc2626}.summary-utilization--medium{background:#eab3081a;color:#ca8a04}.summary-utilization--high{background:#22c55e1a;color:#16a34a}.summary-utilization--overflow{background:#22c55e26;color:#15803d;font-weight:800}@keyframes expand-box{0%{max-height:80px;opacity:.9}to{max-height:600px;opacity:1}}@keyframes collapse-box{0%{max-height:600px;opacity:1}to{max-height:80px;opacity:.95}}@keyframes slide-in-box{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.packing-box--new{animation:slide-in-box .4s cubic-bezier(.34,1.56,.64,1)}@media (hover: none) and (pointer: coarse){.packing-box__content{min-height:240px;padding:20px}.icon-button{width:48px;height:48px}}.packing-box__weight-warning{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-top:8px;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;font-size:11px;color:#92400e;cursor:pointer;transition:all var(--mp-transition-fast)}.packing-box__weight-warning:hover{background:#fde68a;border-color:#f59e0b}.packing-box__weight-warning:focus-within{outline:2px solid #f59e0b;outline-offset:2px}@media (prefers-reduced-motion: reduce){.packing-box--closed:hover,.packing-box--drag-over,.packed-item--draggable:hover{transform:none}.packing-box--new{animation:none}}.box-formats-column{display:flex;flex-direction:column;height:100%;gap:var(--mp-spacing-md)}.box-formats-grid{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mp-spacing-sm);padding:2px var(--mp-spacing-xs) 0 0}.box-formats-grid::-webkit-scrollbar{width:6px}.box-formats-grid::-webkit-scrollbar-track{background:var(--mp-surface-secondary);border-radius:var(--mp-radius-full)}.box-formats-grid::-webkit-scrollbar-thumb{background:var(--mp-border);border-radius:var(--mp-radius-full)}.box-formats-grid::-webkit-scrollbar-thumb:hover{background:var(--mp-text-tertiary)}.box-format-card{width:calc(100% - 4px);background:var(--mp-surface-primary);border:2px solid var(--mp-border);border-radius:var(--mp-radius-md);padding:var(--mp-spacing-sm);cursor:pointer;transition:all var(--mp-transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:56px;position:relative;margin:2px 0 0 4px;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.box-format-card:hover{border-color:var(--primary-purple);box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.box-format-card:active{transform:scale(.95);box-shadow:var(--mp-shadow-sm)}.box-format-card:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.box-format-card:focus:not(:focus-visible){outline:none}@keyframes card-pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes card-flash{0%{background-color:transparent}50%{background-color:#7c3aed1a}to{background-color:transparent}}.box-format-card.adding{animation:card-pulse .15s ease-out,card-flash .3s ease-out;animation-fill-mode:forwards}.box-format-card.adding,.box-format-card{opacity:1!important;visibility:visible!important}.box-format-card__icon{display:flex;align-items:center;justify-content:center}.box-format-card__name{font-size:13px;font-weight:600;color:var(--primary-purple);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-format-card__dimensions{font-size:12px;font-weight:600;color:var(--mp-text-primary);letter-spacing:-.02em;line-height:1.3}.box-format-card__action{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--mp-surface-secondary);border-radius:var(--mp-radius-full);color:var(--primary-purple);transition:all var(--mp-transition-fast);opacity:.6}.box-format-card:hover .box-format-card__action{background:var(--primary-purple);color:#fff;opacity:1}.footer-hint{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--mp-text-tertiary);margin:0;padding:var(--mp-spacing-xs) var(--mp-spacing-sm);background:var(--mp-surface-secondary);border-radius:var(--mp-radius-sm);line-height:1.3}@media (hover: none) and (pointer: coarse){.box-format-card{min-height:160px;padding:20px}}@media (max-width: 1024px){.box-formats-grid{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.box-format-card{flex:0 0 200px;scroll-snap-align:start}.box-formats-grid::-webkit-scrollbar{height:4px}}@media (prefers-reduced-motion: reduce){.box-format-card:hover{transform:none}.box-format-card.adding{animation:none;background-color:#7c3aed1a}}.add-custom-box-button{width:calc(100% - 4px);background:var(--harlem-blue);border:1px solid var(--harlem-blue);border-radius:4px;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin:2px 0 var(--mp-spacing-sm) 4px;min-height:44px;box-shadow:0 2px 4px #12a2dd33}.add-custom-box-button:hover{background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d;transform:translateY(-1px)}.add-custom-box-button:active{transform:translateY(1px);box-shadow:0 2px 4px #12a2dd33}.add-custom-box-button:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.custom-box-form-container{flex:1;overflow-y:auto;padding:2px var(--mp-spacing-xs) 0 4px}.custom-box-form{background:var(--mp-surface-primary);border:2px solid var(--mp-border);border-radius:var(--mp-radius-md);padding:var(--mp-spacing-md);display:flex;flex-direction:column;gap:var(--mp-spacing-md)}.custom-box-form__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mp-spacing-sm);border-bottom:1px solid var(--mp-border)}.custom-box-form__header h3{margin:0;font-size:16px;font-weight:600;color:var(--mp-text-primary)}.custom-box-form__close{background:none;border:none;cursor:pointer;padding:4px;color:var(--mp-text-tertiary);transition:color var(--mp-transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--mp-radius-sm)}.custom-box-form__close:hover{color:var(--mp-text-primary);background:var(--mp-surface-secondary)}.custom-box-form__fields{display:flex;flex-direction:column;gap:var(--mp-spacing-sm)}.custom-box-form .form-field{display:flex;flex-direction:column;gap:4px}.custom-box-form .form-field label{font-size:12px;font-weight:500;color:var(--mp-text-secondary)}.custom-box-form .form-field input{padding:8px 12px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);font-size:14px;color:var(--mp-text-primary);background:var(--mp-surface-primary);transition:all var(--mp-transition-fast)}.custom-box-form .form-field input:focus{outline:none;border-color:var(--harlem-blue);box-shadow:0 0 0 3px #12a2dd66}.custom-box-form__submit{background:var(--harlem-blue);border:1px solid var(--harlem-blue);border-radius:4px;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--mp-spacing-xs);min-height:44px;box-shadow:0 2px 4px #12a2dd33}.custom-box-form__submit:hover{background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark);box-shadow:0 4px 8px #12a2dd4d;transform:translateY(-1px)}.custom-box-form__submit:active{transform:translateY(1px);box-shadow:0 2px 4px #12a2dd33}.custom-box-form__submit:focus-visible{outline:2px solid var(--harlem-blue);outline-offset:2px}.box-format-card--blue{border-left:4px solid #12A2DD}.box-format-card--blue:hover{border-left-color:#12a2dd;box-shadow:0 2px 8px #12a2dd4d}.box-format-card--green{border-left:4px solid #00A86B}.box-format-card--green:hover{border-left-color:#00a86b;box-shadow:0 2px 8px #00a86b4d}.box-format-card--orange{border-left:4px solid #FF8C42}.box-format-card--orange:hover{border-left-color:#ff8c42;box-shadow:0 2px 8px #ff8c424d}.box-format-card--purple{border-left:4px solid #8B5CF6}.box-format-card--purple:hover{border-left-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}:root{--mp-spacing-xs: 3px;--mp-spacing-sm: 6px;--mp-spacing-md: 8px;--mp-spacing-lg: 12px;--mp-spacing-xl: 16px;--mp-spacing-2xl: 24px;--mp-drag-active: #8B5CF6;--mp-drag-valid: #34D399;--mp-drag-invalid: #FCA5A5;--mp-surface-primary: #FFFFFF;--mp-surface-secondary: #F9FAFB;--mp-surface-tertiary: #F3F4F6;--mp-workspace-bg: #E5E7EB;--mp-border: #E5E7EB;--mp-border-hover: var(--accent-cyan);--mp-text-primary: #111827;--mp-text-secondary: #6B7280;--mp-text-tertiary: #9CA3AF;--mp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--mp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--mp-shadow-drag: 0 20px 25px -5px rgba(107, 70, 193, .3);--mp-radius-sm: 4px;--mp-radius-md: 8px;--mp-radius-lg: 12px;--mp-radius-xl: 16px;--mp-radius-full: 9999px;--mp-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--mp-transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--mp-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--mp-touch-target-min: 44px}.manual-packing-page{display:flex;flex-direction:column;height:100vh;background:var(--mp-workspace-bg)}.manual-packing-header{display:flex;align-items:center;justify-content:space-between;padding:var(--mp-spacing-lg) var(--mp-spacing-xl);background:var(--mp-surface-primary);border-bottom:1px solid var(--mp-border);gap:var(--mp-spacing-lg);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.manual-packing-header .header-content{flex:1;display:flex;flex-direction:column;gap:2px}.manual-packing-header h1{display:flex;align-items:center;gap:var(--mp-spacing-sm);font-size:18px;font-weight:600;color:var(--mp-text-primary);margin:0;line-height:1.3}.manual-packing-header .order-number{font-size:12px;color:var(--mp-text-secondary);margin:0;line-height:1.3}.manual-packing-header .header-actions{display:flex;gap:var(--mp-spacing-md)}.back-button{display:flex;align-items:center;gap:var(--mp-spacing-sm);padding:var(--mp-spacing-sm) var(--mp-spacing-lg);background:transparent;border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);color:var(--mp-text-secondary);font-size:13px;cursor:pointer;transition:all var(--mp-transition-fast);min-height:40px}.back-button:hover{border-color:var(--mp-border-hover);color:var(--mp-text-primary)}.btn-primary{display:flex;align-items:center;gap:var(--mp-spacing-sm);padding:var(--mp-spacing-sm) var(--mp-spacing-lg);background:var(--primary-purple);border:none;border-radius:var(--mp-radius-md);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--mp-transition-fast);min-height:40px}.btn-primary:hover:not(:disabled){background:#5b36b1;transform:translateY(-1px);box-shadow:var(--mp-shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary--ready{background:var(--success-green);animation:pulse-ready 2s ease-in-out infinite}@keyframes pulse-ready{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 8px #10b98100}}.dimension-warning-banner{display:flex;align-items:center;gap:var(--mp-spacing-sm);padding:var(--mp-spacing-sm) var(--mp-spacing-lg);margin:var(--mp-spacing-md) auto 0 auto;background:var(--warning-amber-bg);border:1px solid var(--warning-amber-border);border-left:3px solid var(--warning-orange);border-radius:var(--mp-radius-sm);max-width:1920px;width:calc(100% - (var(--mp-spacing-xl) * 2));box-sizing:border-box;box-shadow:var(--mp-shadow-sm)}.dimension-warning-banner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;background:var(--warning-amber-icon-bg);border-radius:50%}.dimension-warning-banner__content{flex:1;display:flex;flex-direction:column;gap:2px}.dimension-warning-banner__content strong{font-size:12px;font-weight:600;color:var(--warning-amber-text);line-height:1.3}.dimension-warning-banner__content p{font-size:11px;color:var(--warning-amber-text);margin:0;line-height:1.4}.dimension-warning-banner__details{margin-top:var(--mp-spacing-xs);font-size:11px;color:var(--warning-amber-text)}.dimension-warning-banner__details summary{cursor:pointer;font-weight:600;font-size:11px;color:var(--warning-orange);-webkit-user-select:none;user-select:none;list-style-position:inside;transition:color var(--mp-transition-fast)}.dimension-warning-banner__details summary:hover{color:#d97706}.dimension-warning-banner__details summary:focus{outline:2px solid var(--warning-orange);outline-offset:2px;border-radius:2px}.dimension-warning-banner__list{margin-top:var(--mp-spacing-xs);padding-left:var(--mp-spacing-lg);list-style-type:disc}.dimension-warning-banner__list li{padding:2px 0;line-height:1.4;font-size:11px}.dimension-warning-banner__list strong{color:var(--warning-orange);font-weight:600}.dimension-warning-banner__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--mp-radius-sm);color:var(--warning-amber-text);cursor:pointer;transition:all var(--mp-transition-fast)}.dimension-warning-banner__dismiss:hover{background:var(--warning-amber-icon-bg)}.dimension-warning-banner__dismiss:focus{outline:2px solid var(--warning-orange);outline-offset:2px}.manual-packing-workspace{display:grid;grid-template-columns:320px 1fr 280px;gap:var(--mp-spacing-lg);height:calc(100vh - 120px);padding:var(--mp-spacing-lg) var(--mp-spacing-xl);max-width:1920px;margin:0 auto;width:100%;background-image:radial-gradient(circle,rgba(156,163,175,.15) 1px,transparent 1px);background-size:16px 16px}.manual-packing-workspace>*{background:var(--mp-surface-primary);border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);padding:var(--mp-spacing-lg);overflow:hidden;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.drag-overlay{background:var(--mp-surface-primary);border:2px solid var(--mp-drag-active);border-radius:var(--mp-radius-lg);padding:var(--mp-spacing-lg);box-shadow:var(--mp-shadow-drag);opacity:.95;cursor:grabbing;transform:rotate(-2deg);max-width:340px}.drag-overlay__content{display:flex;align-items:center;gap:var(--mp-spacing-md)}.drag-overlay__info h4{font-size:14px;font-weight:600;color:var(--mp-text-primary);margin:0 0 var(--mp-spacing-xs) 0}.drag-overlay__info p{font-size:12px;color:var(--mp-text-secondary);margin:0}.quantity-badge{padding:var(--mp-spacing-xs) var(--mp-spacing-sm);background:var(--mp-surface-tertiary);border-radius:var(--mp-radius-full);font-size:12px;font-weight:500;color:var(--mp-text-secondary);white-space:nowrap}@media (max-width: 1280px){.dimension-warning-banner{width:calc(100% - (var(--mp-spacing-lg) * 2))}.manual-packing-workspace{grid-template-columns:320px 1fr 280px;gap:var(--mp-spacing-lg);padding:var(--mp-spacing-lg)}}@media (max-width: 1024px){.dimension-warning-banner{width:calc(100% - (var(--mp-spacing-lg) * 2))}.manual-packing-workspace{grid-template-columns:300px 1fr;grid-template-rows:1fr auto;gap:var(--mp-spacing-lg)}.box-formats-column{grid-column:1 / -1;max-height:200px}}@media (max-width: 768px){.manual-packing-header{flex-wrap:wrap;padding:var(--mp-spacing-lg)}.manual-packing-header .header-content{order:-1;width:100%}.dimension-warning-banner{width:calc(100% - (var(--mp-spacing-md) * 2));margin-top:var(--mp-spacing-lg);padding:var(--mp-spacing-md) var(--mp-spacing-lg)}.manual-packing-workspace{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:var(--mp-spacing-md);padding:var(--mp-spacing-md);height:auto}.column{padding:var(--mp-spacing-lg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.drag-overlay{transform:none!important}.btn-primary:hover{transform:none}}.inactivity-hint-backdrop{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.inactivity-hint{background:#fff;border-radius:16px;padding:2rem;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.inactivity-hint__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#6b46c11a;border-radius:50%;margin:0 auto 1rem}.inactivity-hint__content h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--mp-text-primary);text-align:center}.inactivity-hint__content ol{margin:0 0 1.5rem;padding-left:1.5rem;color:var(--mp-text-secondary);line-height:1.6}.inactivity-hint__content li{margin-bottom:.5rem}.inactivity-hint__dismiss{width:100%;padding:.75rem;background:var(--primary-purple);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.inactivity-hint__dismiss:hover{background:var(--primary-purple-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6b46c14d}.inactivity-hint__dismiss:active{transform:translateY(0)}.quote-picker-modal{position:relative;width:90%;max-width:480px;background:#fff;border-radius:var(--mp-radius-lg);box-shadow:var(--mp-shadow-lg);overflow:hidden}.quote-picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--mp-border)}.quote-picker-modal__header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--mp-text-primary)}.quote-picker-modal__header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--mp-radius-sm);color:var(--mp-text-secondary);cursor:pointer;transition:all var(--mp-transition-fast)}.quote-picker-modal__header button:hover{background:var(--mp-surface-tertiary);color:var(--mp-text-primary)}.quote-picker-modal__content{padding:1rem 1.25rem;max-height:60vh;overflow-y:auto}.quote-picker-modal__warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#ff8c421a;border-radius:var(--mp-radius-md);color:#b45309;font-size:.8125rem}.quote-picker-modal__warning svg{flex-shrink:0;color:#ff8c42}.quote-picker-modal__quotes{display:flex;flex-direction:column;gap:.75rem}.quote-picker-modal__quote-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--mp-surface-secondary);border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);transition:all var(--mp-transition-fast)}.quote-picker-modal__quote-card:hover{border-color:var(--primary-purple);box-shadow:0 2px 8px #6b46c11a}.quote-picker-modal__quote-info{display:flex;flex-direction:column;gap:.25rem}.quote-picker-modal__quote-info strong{font-size:.9375rem;color:var(--mp-text-primary)}.quote-picker-modal__quote-info span{font-size:.8125rem;color:var(--mp-text-secondary)}.quote-picker-modal__carrier{font-size:.75rem!important;color:var(--mp-text-tertiary)!important}.quote-picker-modal__actions{display:flex;gap:.5rem;flex-shrink:0}.quote-picker-modal__action-btn{padding:.5rem .75rem;background:var(--primary-purple);color:#fff;border:none;border-radius:var(--mp-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--mp-transition-fast)}.quote-picker-modal__action-btn:hover{background:var(--primary-purple-dark)}.quote-picker-modal__action-btn--secondary{background:transparent;color:var(--primary-purple);border:1px solid var(--primary-purple)}.quote-picker-modal__action-btn--secondary:hover{background:#6b46c11a}.cheapcargo-error{max-width:800px;margin:2rem auto;background:#fff;border:3px solid var(--harlem-blue);border-left:6px solid var(--harlem-blue-dark);border-radius:0;box-shadow:0 6px 16px #12a2dd26;overflow:hidden}.cheapcargo-error__header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(to bottom,#f0f9ff,#fff);border-bottom:2px solid var(--harlem-blue)}.cheapcargo-error__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;background:#12a2dd1a;border:3px solid var(--harlem-blue);border-radius:0}.cheapcargo-error__title-section{flex:1;display:flex;flex-direction:column;gap:.5rem}.cheapcargo-error__title{margin:0;font-size:1.375rem;font-weight:700;font-family:Oswald,sans-serif;color:var(--text-primary);text-transform:uppercase;letter-spacing:.075em;line-height:1.2}.cheapcargo-error__env-badge{display:inline-flex;align-items:center;padding:.375rem 1rem;background:#fef3c7;border:2px solid #fbbf24;border-radius:0;font-size:.75rem;font-weight:700;font-family:Oswald,sans-serif;color:#92400e;text-transform:uppercase;letter-spacing:.1em;align-self:flex-start}.cheapcargo-error__content{padding:2rem}.cheapcargo-error__summary{margin:0 0 1.5rem;font-size:1rem;font-weight:600;font-family:Oswald,sans-serif;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;line-height:1.5}.cheapcargo-error__list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1rem}.cheapcargo-error__item{padding:1.5rem;background:var(--background-secondary);border:2px solid var(--border-color);border-left:4px solid var(--harlem-blue);border-radius:0;transition:all .15s ease}.cheapcargo-error__item:hover{background:#f0f9ff;border-left-color:var(--harlem-blue-dark);border-left-width:6px;box-shadow:0 2px 8px #12a2dd1f}.cheapcargo-error__item-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.cheapcargo-error__item-number{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:var(--harlem-blue);color:#fff;border-radius:0;font-size:.875rem;font-weight:700;font-family:Oswald,sans-serif;flex-shrink:0}.cheapcargo-error__item-code{padding:.375rem .75rem;background:#fff;border:2px solid var(--harlem-blue);border-radius:0;font-size:.75rem;font-weight:700;font-family:Oswald,sans-serif;color:var(--harlem-blue-dark);text-transform:uppercase;letter-spacing:.1em}.cheapcargo-error__item-message{margin:0;font-size:.9375rem;font-weight:400;color:var(--text-primary);line-height:1.6;padding-left:2.5rem}.cheapcargo-error__data-source{padding:1.5rem;background:#fffbeb;border:2px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:0;margin-bottom:1.5rem}.cheapcargo-error__data-source-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.cheapcargo-error__data-source-header h4{margin:0;font-size:1rem;font-weight:700;font-family:Oswald,sans-serif;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.cheapcargo-error__data-source-content{padding-left:2rem}.cheapcargo-error__data-source-intro{margin:0 0 1rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.6}.cheapcargo-error__data-source-list{list-style:disc;margin:0;padding-left:1.5rem}.cheapcargo-error__data-source-list li{margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.cheapcargo-error__data-source-list li strong{color:var(--text-primary);font-weight:600}.cheapcargo-error__bc-links{padding:1.5rem;background:#f0f9ff;border:2px solid var(--harlem-blue);border-left:4px solid var(--harlem-blue-dark);border-radius:0;margin-bottom:1.5rem}.cheapcargo-error__bc-links-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.cheapcargo-error__bc-links-header h4{margin:0;font-size:1rem;font-weight:700;font-family:Oswald,sans-serif;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.cheapcargo-error__bc-link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:0;margin-bottom:.5rem;transition:all .15s ease}.cheapcargo-error__bc-link-item:hover{background:#eff6ff;border-color:var(--harlem-blue);box-shadow:0 2px 6px #12a2dd1a}.cheapcargo-error__source-orders{margin-top:1rem}.cheapcargo-error__source-orders-label{margin-bottom:.5rem;font-size:.875rem;font-weight:600;font-family:Oswald,sans-serif;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.cheapcargo-error__link{color:var(--harlem-blue);font-size:.9375rem;font-weight:700;font-family:Oswald,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:color .15s ease;flex:1}.cheapcargo-error__link:hover{color:var(--harlem-blue-dark);text-decoration:underline}.cheapcargo-error__bc-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f0f9ff;border:2px solid var(--harlem-blue);border-left:4px solid var(--harlem-blue-dark);border-radius:0;margin-bottom:1.5rem}.cheapcargo-error__help-text{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#eff6ff;border:2px solid #93c5fd;border-left:4px solid var(--harlem-blue);border-radius:0;margin-top:1.5rem}.cheapcargo-error__help-text p{margin:0;font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.6;flex:1}.cheapcargo-error__actions{display:flex;gap:1rem;padding:2rem;background:var(--background-secondary);border-top:2px solid var(--border-color);justify-content:flex-end}.cheapcargo-error__button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:none;border-radius:0;font-size:.9375rem;font-weight:700;font-family:Oswald,sans-serif;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.075em}.cheapcargo-error__button--primary{background:var(--harlem-blue);color:#fff;border:2px solid var(--harlem-blue);box-shadow:0 2px 6px #12a2dd40}.cheapcargo-error__button--primary:hover:not(:disabled){background:var(--harlem-blue-dark);border-color:var(--harlem-blue-dark);box-shadow:0 4px 12px #12a2dd59;transform:translateY(-2px)}.cheapcargo-error__button--primary:focus{outline:3px solid var(--harlem-blue);outline-offset:3px}.cheapcargo-error__button--secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border-color)}.cheapcargo-error__button--secondary:hover:not(:disabled){background:var(--background-secondary);border-color:var(--text-secondary);transform:translateY(-2px)}.cheapcargo-error__button--secondary:focus{outline:3px solid var(--harlem-blue);outline-offset:3px}.cheapcargo-error__button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.cheapcargo-error{margin:1rem}.cheapcargo-error__header{padding:1.5rem;gap:1rem}.cheapcargo-error__icon{width:48px;height:48px}.cheapcargo-error__title{font-size:1.125rem}.cheapcargo-error__content{padding:1.5rem}.cheapcargo-error__item-message{padding-left:0;margin-top:.5rem}.cheapcargo-error__actions{flex-direction:column;padding:1.5rem}.cheapcargo-error__button{width:100%;justify-content:center}}@media (max-width: 480px){.cheapcargo-error__header{padding:1rem}.cheapcargo-error__icon{width:40px;height:40px}.cheapcargo-error__title{font-size:1rem}.cheapcargo-error__content,.cheapcargo-error__item,.cheapcargo-error__bc-link,.cheapcargo-error__data-source{padding:1rem}.cheapcargo-error__data-source-content{padding-left:0}.cheapcargo-error__bc-links,.cheapcargo-error__actions{padding:1rem}}@media (prefers-reduced-motion: reduce){.cheapcargo-error__item,.cheapcargo-error__button{transition:none}.cheapcargo-error__button--primary:hover,.cheapcargo-error__button--secondary:hover{transform:none}}@media (prefers-contrast: high){.cheapcargo-error{border-width:4px}.cheapcargo-error__item,.cheapcargo-error__button{border-width:3px}}@media print{.cheapcargo-error{box-shadow:none;page-break-inside:avoid}.cheapcargo-error__actions{display:none}}.saved-quotes-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.panel-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:2px solid #f3f4f6;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.loading-message,.error-message{font-size:.875rem;color:#6b7280;font-style:italic}.quote-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem}.quote-order-no{font-weight:600;font-size:.9375rem;color:#1f2937;margin-bottom:.25rem}.quote-carrier{font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.quote-price{font-size:.9375rem;font-weight:600;color:var(--harlem-blue);margin-bottom:.25rem}.insurance-indicator{font-weight:400;font-size:.8125rem;color:#059669}.quote-date{font-size:.75rem;color:#9ca3af}.missing-quotes-card{background:#fffbeb;border:2px solid #f59e0b;border-radius:8px;padding:1rem;margin-top:.75rem}.missing-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#b45309;margin-bottom:.5rem}.missing-body{padding-left:1.625rem}.missing-label{font-size:.8125rem;color:#92400e;margin-bottom:.375rem}.missing-list{list-style:disc;margin:0;padding-left:1.25rem}.missing-list li{font-size:.875rem;color:#92400e;font-weight:500;line-height:1.5}.quote-page{display:flex;flex-direction:column;height:100%;background:#f5f7fa}.env-indicator{padding:.5rem 1.25rem;border-radius:7px;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;display:inline-block}.env-indicator--prod{background:#fee2e2;color:#991b1b;border:2px solid #dc2626}.env-indicator--dev{background:#f3f4f6;color:#4b5563;border:2px solid #9ca3af}.quote-container{flex:1;overflow-y:auto;padding:2rem}.quote-grid{display:grid;grid-template-columns:280px 1fr 340px;gap:2rem;max-width:1600px;margin:0 auto}.quote-column{display:flex;flex-direction:column}.quote-column--center{min-height:400px}.quote-column--left{display:flex;flex-direction:column;gap:1rem}.address-lines{margin-top:.5rem}.address-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.address-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.address-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.address-line{font-size:.9375rem;color:#4b5563;line-height:1.6}.info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.info-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.info-value{font-size:1.125rem;font-weight:600;color:#1f2937;margin-top:.75rem}.order-lines-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.order-line-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;font-size:.875rem}.item-description{color:#374151;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-quantity{color:#6b7280;font-weight:600;margin-left:.75rem}.carrier-options{display:flex;flex-direction:column;gap:.75rem}.carrier-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative}.carrier-card:hover{border-color:var(--harlem-blue);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.carrier-card.best-value{border-color:#fbbf24;background:linear-gradient(to bottom,#fffbeb,#fff)}.best-value-badge{position:absolute;top:-10px;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.6875rem;font-weight:700;padding:.25rem .625rem;border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;letter-spacing:.05em}.carrier-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.carrier-price-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.carrier-price{font-size:1.625rem;font-weight:700;color:var(--harlem-blue);line-height:1}.carrier-insurance{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#f0fdf4;border:1px solid #86efac;border-radius:6px}.insurance-label{font-size:.75rem;font-weight:600;color:#059669;text-transform:uppercase;letter-spacing:.025em}.insurance-price{font-size:1.25rem;font-weight:700;color:#059669}.carrier-total-row{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;margin-bottom:.5rem;border-top:1px dashed #e5e7eb}.carrier-total-row .total-label{font-size:.8125rem;font-weight:500;color:#6b7280}.carrier-total-row .total-price{font-size:1.125rem;font-weight:700;color:#1f2937}.carrier-info-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8125rem;color:#6b7280;margin-bottom:.5rem}.delivery-days,.delivery-dates{display:flex;align-items:center;gap:.375rem}.select-button{width:100%;padding:.625rem;background:var(--harlem-blue);color:#fff;border:none;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:.375rem}.select-button:hover{background:var(--harlem-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}.packing-summary{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.summary-header{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.summary-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.stat-line{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.box-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem}.box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.box-name{font-weight:600;font-size:.9375rem;color:#1f2937}.box-dimensions{font-size:.75rem;color:#6b7280;margin-top:.25rem}.utilization-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.utilization-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.utilization-percent{font-size:.75rem;font-weight:600;color:#059669;margin-bottom:.5rem}.box-weight{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280;margin-bottom:.75rem}.item-list{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.item-line{font-size:.8125rem;color:#4b5563;line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state p{margin:1rem 0 .5rem;font-size:1.125rem;font-weight:500}.empty-hint{font-size:.875rem;color:#9ca3af}.quote-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.quote-error h3{margin-top:1.5rem;font-size:1.5rem;color:#1f2937}.quote-error p{margin-top:.75rem;font-size:.9375rem;color:#6b7280;max-width:500px}.error-actions{display:flex;gap:1rem;margin-top:2rem}.btn-retry,.btn-back{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-retry{background:var(--harlem-blue);color:#fff;border:none}.btn-retry:hover{background:#1a56a8}.btn-back{background:#fff;color:#4b5563;border:1px solid #d1d5db}.btn-back:hover{background:#f9fafb}@media (max-width: 1280px){.quote-grid{grid-template-columns:260px 1fr 320px;gap:1.5rem}}@media (max-width: 1024px){.quote-grid{grid-template-columns:1fr;gap:1.5rem}.quote-column--center{order:1}.quote-column:first-child{order:2}.quote-column:last-child{order:3}}@media (max-width: 768px){.quote-container{padding:1rem}.carrier-card{padding:.875rem}.carrier-price{font-size:1.5rem}.insurance-price{font-size:1.125rem}.carrier-price-row{gap:.75rem}.carrier-info-row{font-size:.75rem;gap:.75rem}}.pickup-confirmation-page{min-height:100vh;background-color:var(--background-light)}.pickup-confirmation-content{max-width:1000px;margin:0 auto;padding:2rem 1.5rem}.pickup-info-banner{background:linear-gradient(135deg,#12a2dd1a,#12a2dd33);border:2px solid var(--harlem-blue);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 6px #12a2dd1a}.pickup-info-banner h3{margin:0 0 .5rem;color:var(--harlem-blue-dark);font-size:1.1rem;font-weight:600}.pickup-info-banner p{margin:0;color:var(--harlem-blue-dark);font-size:.95rem;line-height:1.5}.pickup-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:var(--text-light);font-weight:500}.info-value{font-size:1rem;color:var(--text-dark);font-weight:500}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.total-card{background:var(--background-light);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.total-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.total-content{display:flex;flex-direction:column;gap:.25rem}.total-label{font-size:.85rem;color:var(--text-light);font-weight:500}.total-value{font-size:1.5rem;color:var(--text-dark);font-weight:600}.boxes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.box-card{background:var(--background-light);border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.box-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.box-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.box-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark)}.box-details{display:flex;flex-direction:column;gap:.75rem}.box-detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.85rem;color:var(--text-light);font-weight:500}.detail-value{font-size:.9rem;color:var(--text-dark);font-weight:500}.pickup-location-card{background:var(--background-light);border-left:4px solid var(--primary-purple);border-radius:8px;padding:1.5rem}.pickup-location-card h3{margin:0 0 1rem;color:var(--primary-purple);font-size:1.1rem;font-weight:600}.pickup-location-card p{margin:.25rem 0;color:var(--text-dark);font-size:.95rem;line-height:1.6}@media (max-width: 768px){.pickup-confirmation-content{padding:1rem}.pickup-info-banner{flex-direction:column}.info-grid,.totals-grid,.boxes-list{grid-template-columns:1fr}}.pickup-success-page{min-height:100vh;background:var(--background-secondary)}.pickup-success-page .confirmation-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.pickup-success-page .confirmation-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pickup-success-page .info-card{background:#fff;border:2px solid var(--border-light);border-top:4px solid var(--harlem-blue);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.pickup-success-page .info-card:hover{box-shadow:0 4px 16px #12a2dd26}.pickup-success-page .card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;color:var(--text-primary);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.pickup-success-page .details-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pickup-success-page .detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background-secondary);border-left:3px solid var(--harlem-blue);transition:all .2s ease}.pickup-success-page .detail-row:hover{border-left-width:4px;transform:translate(2px);background:#12a2dd0d}.pickup-success-page .detail-label{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.pickup-success-page .detail-value{font-weight:700;font-family:Courier New,monospace;color:var(--text-primary);font-size:.95rem}.pickup-success-page .pickup-date-highlight{background:linear-gradient(135deg,#10b9811a,#10b9810d);padding:var(--spacing-xs) var(--spacing-sm);border:2px solid rgba(16,185,129,.3);color:var(--success-green)}.pickup-success-page .location-card{border-top-color:var(--success-green)}.pickup-success-page .location-details{text-align:center;padding:var(--spacing-lg) 0}.pickup-success-page .location-name{font-weight:700;font-size:1.1rem;color:var(--harlem-blue);margin:0 0 var(--spacing-sm) 0}.pickup-success-page .location-address{color:var(--text-secondary);line-height:1.8;margin:0;font-size:.95rem}.pickup-success-page .labels-card{border-top-color:var(--warning-orange)}.pickup-success-page .labels-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg);line-height:1.6}.pickup-success-page .labels-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pickup-success-page .label-download-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-secondary);border:2px solid var(--border-light);border-left:4px solid var(--harlem-blue);cursor:pointer;transition:all .3s ease;text-align:left;font-family:Oswald,Montserrat,Arial,sans-serif}.pickup-success-page .label-download-btn:hover{background:#fff;border-left-width:6px;transform:translate(4px);box-shadow:0 4px 16px #12a2dd33}.pickup-success-page .label-download-btn:active{transform:translate(2px);box-shadow:0 2px 8px #12a2dd26}.pickup-success-page .label-download-btn:focus{outline:3px solid rgba(18,162,221,.4);outline-offset:2px}.pickup-success-page .label-btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border-light);flex-shrink:0}.pickup-success-page .label-btn-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.pickup-success-page .label-btn-format{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:1rem}.pickup-success-page .label-btn-desc{font-size:.8rem;color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:400}.pickup-success-page .info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.pickup-success-page .info-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.875rem;line-height:1.6;color:var(--text-primary);padding:var(--spacing-sm);background:var(--background-secondary);border-left:3px solid var(--harlem-blue)}.pickup-success-page .info-list li svg{flex-shrink:0;margin-top:2px}@media print{.pickup-success-page{background:#fff}.pickup-success-page .info-card{page-break-inside:avoid;box-shadow:none}.pickup-success-page .label-download-btn{page-break-inside:avoid}}@media (max-width: 1024px){.pickup-success-page .confirmation-grid{grid-template-columns:1fr}}.pickup-success-page .bc-warning-alert{display:flex;gap:12px;padding:16px;background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-border, #fbbf24);border-radius:8px;margin-bottom:var(--spacing-xl)}.pickup-success-page .bc-warning-alert .warning-content{flex:1}.pickup-success-page .bc-warning-alert strong{display:block;margin-bottom:8px;color:var(--warning-text, #92400e)}.pickup-success-page .bc-warning-alert ul{margin:0 0 8px;padding-left:20px}.pickup-success-page .bc-warning-alert li{color:var(--text-secondary);font-size:14px}.pickup-success-page .bc-warning-alert .warning-note{margin:0;font-size:13px;color:var(--text-tertiary)}@media (max-width: 768px){.pickup-success-page .info-card{padding:var(--spacing-lg)}.pickup-success-page .detail-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.pickup-success-page .label-download-btn{padding:var(--spacing-md)}.pickup-success-page .label-btn-icon{width:40px;height:40px}}.carrier-name-large{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.pricing-breakdown{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--surface-secondary);border-radius:8px}.price-line{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.price-line span:first-child{color:var(--text-secondary)}.price-line span:last-child{font-weight:600;color:var(--text-primary)}.insurance-line{transition:color .3s ease}.insurance-controls{display:flex;align-items:center;gap:.75rem}.insurance-price{min-width:4rem;text-align:right;font-weight:600;color:inherit}.ios-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.ios-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.ios-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.ios-switch input:checked+.ios-switch-slider{background-color:var(--harlem-blue)}.ios-switch input:checked+.ios-switch-slider:before{transform:translate(20px)}.total-line{padding-top:.75rem;border-top:2px solid var(--border-color);font-weight:600;font-size:1rem}.total-line span:first-child{color:var(--text-primary);letter-spacing:.05em}.total-price{font-size:1.125rem;color:var(--harlem-blue)}.markup-line{padding-top:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.markup-line span:first-child{color:var(--text-secondary)}.markup-price{color:#059669;font-size:1rem}.delivery-info{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.delivery-line{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.delivery-line svg{flex-shrink:0}@media (max-width: 768px){.carrier-name-large{font-size:1.125rem}.pricing-breakdown{padding:.75rem}.price-line{font-size:.875rem}.total-line{font-size:.9375rem}.total-price{font-size:1rem}}.summary-stat{font-size:1rem;font-weight:600;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.box-summary-item{padding:.75rem;background-color:var(--surface-secondary);border-radius:6px;border:1px solid var(--border-color);transition:border-color .2s ease}.box-summary-item:hover{border-color:var(--harlem-blue)}.box-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.box-summary-header span:first-child{font-size:.9375rem}.box-summary-header span:last-child{font-size:.875rem;color:var(--text-secondary)}.box-summary-dims{font-size:.8125rem;color:var(--text-secondary);font-family:Monaco,Courier New,monospace}@media (max-width: 768px){.summary-stat{font-size:.9375rem}.box-summary-header span:first-child{font-size:.875rem}.box-summary-header span:last-child{font-size:.8125rem}.box-summary-dims{font-size:.75rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.success-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#d1fae5;border-radius:50%}.success-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-body{padding:0 2rem 1.5rem;text-align:center}.modal-body p{margin:0;font-size:1rem;line-height:1.5;color:var(--text-secondary)}.modal-deep-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;background-color:var(--harlem-blue);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.9375rem;transition:all .15s ease}.modal-deep-link:hover{background-color:var(--harlem-blue-dark);color:#fff;transform:translateY(-1px)}.modal-deep-link:active{transform:translateY(0)}.modal-footer{display:flex;gap:.75rem;padding:1.5rem 2rem 2rem;justify-content:center}.modal-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .15s ease;border:none}.modal-button--primary{background-color:var(--harlem-blue);color:#fff}.modal-button--primary:hover{background-color:var(--harlem-blue-dark);transform:translateY(-1px)}.modal-button--primary:active{transform:translateY(0)}.modal-button--secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.modal-button--secondary:hover{background-color:var(--surface-secondary);color:var(--text-primary)}@media (max-width: 768px){.modal-content{width:95%;border-radius:8px}.success-modal .modal-header{padding:1.5rem 1.5rem 1rem}.success-modal .modal-header h2{font-size:1.25rem}.modal-body{padding:0 1.5rem 1rem}.modal-footer{flex-direction:column;padding:1rem 1.5rem 1.5rem}.modal-button{width:100%;justify-content:center}}.quote-overview-page{display:flex;flex-direction:column;height:100%;background:#f5f7fa}.quote-overview-container{flex:1;overflow-y:auto;padding:2rem;min-height:400px}.success-banner,.error-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:8px;max-width:1400px;margin-left:auto;margin-right:auto}.success-banner{background-color:#ecfdf5;border:1px solid #10b981}.success-content{flex:1}.success-message{font-weight:600;color:#065f46;margin-bottom:4px}.success-details{font-size:14px;color:#047857;margin-bottom:8px}.bc-link{display:inline-flex;align-items:center;gap:4px;color:var(--harlem-blue);text-decoration:none;font-weight:500;font-size:14px;transition:color .2s}.bc-link:hover{color:var(--harlem-blue-dark);text-decoration:underline}.error-banner{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b;font-weight:500}.quote-overview-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-width:1400px;margin:0 auto}.quote-overview-column{display:flex;flex-direction:column;gap:1.5rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;color:var(--text-primary)}.customer-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--surface-secondary);border-radius:6px}.info-label{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.info-value{font-weight:500;color:var(--text-primary);font-size:.9375rem}@media (max-width: 1024px){.quote-overview-grid{grid-template-columns:1fr}.quote-overview-column:last-child{order:-1}}@media (max-width: 768px){.quote-overview-container{padding:1rem}.quote-overview-grid,.quote-overview-column{gap:1rem}.info-card{padding:1rem}.card-header{font-size:.875rem}.success-banner,.error-banner{padding:.875rem 1rem;font-size:.875rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{font-size:.75rem}.info-value{font-size:.875rem}}.booking-progress-indicator{display:flex;flex-direction:column;align-items:center;padding:48px 24px;background:var(--surface-card);border-radius:12px;border:1px solid var(--border-subtle);max-width:480px;margin:40px auto}.progress-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.progress-spinner{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;inset:0;border:3px solid var(--border-subtle);border-top-color:var(--harlem-blue);border-radius:50%;animation:spin 1s linear infinite}.progress-text{text-align:center}.progress-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.progress-description{font-size:.875rem;color:var(--text-secondary);margin:0}.progress-steps{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.progress-step{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;transition:all .3s ease}.progress-step--pending{background:var(--surface-secondary);color:var(--text-tertiary)}.progress-step--active{background:var(--harlem-blue-light, rgba(0, 87, 184, .1));color:var(--harlem-blue)}.progress-step--completed{background:var(--success-bg, rgba(16, 185, 129, .1));color:var(--success-text, #059669)}.step-indicator{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-step--pending .step-indicator{background:var(--border-subtle)}.progress-step--active .step-indicator{background:var(--harlem-blue)}.progress-step--completed .step-indicator{background:var(--success-color, #10b981)}.step-dot{width:6px;height:6px;border-radius:50%;background:#fff}.step-dot--active{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.step-label{white-space:nowrap}.progress-note{font-size:.75rem;color:var(--text-tertiary);text-align:center;margin:0}@media (max-width: 600px){.booking-progress-indicator{padding:32px 16px;margin:24px 16px}.progress-steps{gap:6px}.progress-step{padding:4px 8px;font-size:.7rem}.step-indicator{width:14px;height:14px}.step-dot{width:5px;height:5px}}.booking-page{display:flex;flex-direction:column;height:100%;background:#f5f7fa}.booking-container{flex:1;overflow-y:auto;padding:2rem;min-height:400px}.booking-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-width:1400px;margin:0 auto}.booking-column{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow);padding:1.5rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}.carrier-summary{display:flex;flex-direction:column;gap:1rem}.carrier-name-large{font-size:1.5rem;font-weight:700;color:var(--harlem-blue)}.pricing-breakdown{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:1rem 0}.price-line{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}.insurance-line{display:flex;align-items:center;justify-content:space-between;transition:color .3s ease}.insurance-line--enabled{color:#059669}.insurance-line--disabled{color:#9ca3af}.insurance-label-group{display:flex;align-items:center;gap:.5rem}.insurance-controls{display:flex;align-items:center;gap:1rem}.insurance-price{font-weight:600;color:inherit}.ios-switch{position:relative;display:inline-block;width:44px;height:26px;cursor:pointer}.ios-switch input{opacity:0;width:0;height:0}.ios-switch-slider{position:absolute;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.ios-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.ios-switch input:checked+.ios-switch-slider{background-color:#059669}.ios-switch input:checked+.ios-switch-slider:before{transform:translate(18px)}.ios-switch input:disabled+.ios-switch-slider{opacity:.5;cursor:not-allowed}.ios-switch input:focus+.ios-switch-slider{box-shadow:0 0 0 2px #05966933}.total-line{font-weight:700;font-size:1.25rem;border-top:2px solid var(--text-primary);margin-top:.5rem;padding-top:1rem}.total-price{color:var(--harlem-blue)}.delivery-info{display:flex;flex-direction:column;gap:.5rem}.delivery-line{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.addresses{display:flex;flex-direction:column;gap:1rem}.address-section{display:flex;flex-direction:column;gap:.5rem}.address-label{font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.address-details{padding-left:1rem;line-height:1.6}.address-arrow{display:flex;justify-content:center;color:var(--harlem-blue)}.notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.notes-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.5}.notes-list li.warning{color:#ff8c42;font-weight:600}.package-summary{display:flex;flex-direction:column;gap:.75rem}.summary-stat{font-weight:700;color:var(--harlem-blue);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.box-summary-item{padding:.75rem;background:var(--background-secondary);border-left:3px solid var(--harlem-blue)}.box-summary-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:.25rem}.box-summary-dims{font-size:.875rem;color:var(--text-secondary)}.booking-success-modal{max-width:600px;margin:4rem auto;background:#fff;border:2px solid #00A86B;box-shadow:var(--shadow-lg);padding:3rem;text-align:center}.success-icon{margin-bottom:1.5rem}.booking-success-modal h2{color:#00a86b;font-size:2rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em}.booking-details{text-align:left;margin:2rem 0;padding:1.5rem;background:var(--background-secondary);border-left:4px solid #00A86B}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.detail-value{font-weight:700;color:var(--text-primary)}.label-link,.tracking-link{color:var(--harlem-blue);text-decoration:none;font-weight:700}.label-link:hover,.tracking-link:hover{text-decoration:underline}.primary-button{padding:1rem 2rem;background:var(--harlem-blue);color:#fff;border:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;font-size:1rem;transition:all .2s;margin-top:1rem}.primary-button:hover{background:var(--harlem-blue-dark);box-shadow:var(--shadow-md)}.commercial-invoice-section{display:flex;flex-direction:column;gap:1rem}.section-help-text{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.5}.form-field{display:flex;flex-direction:column;gap:.5rem}.field-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.field-label .info-icon{cursor:help}.form-select{width:100%;padding:.75rem;font-size:1rem;color:var(--text-primary);background:#fff;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;transition:all .2s}.form-select:hover:not(:disabled){border-color:var(--harlem-blue)}.form-select:focus{outline:none;border-color:var(--harlem-blue);box-shadow:0 0 0 3px #007acc1a}.form-select:disabled{opacity:.6;cursor:not-allowed;background:var(--background-secondary)}.form-select option{padding:.5rem}@media (max-width: 1024px){.booking-grid{grid-template-columns:1fr}}@media (max-width: 768px){.booking-container{padding:1rem}.carrier-name-large{font-size:1.25rem}.pricing-breakdown{font-size:.9rem}}.booking-confirmation-page{min-height:100vh;background:var(--background-secondary)}.confirmation-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.confirmation-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{background:#fff;border:2px solid var(--border-light);border-top:4px solid var(--harlem-blue);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.info-card:hover{box-shadow:0 4px 16px #12a2dd26}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;color:var(--text-primary);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-light)}.details-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background-secondary);border-left:3px solid var(--harlem-blue);transition:all .2s ease}.detail-row:hover{border-left-width:4px;transform:translate(2px);background:#12a2dd0d}.detail-label{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.detail-value{font-weight:700;font-family:Courier New,monospace;color:var(--text-primary);font-size:.95rem}.tracking-highlight{background:linear-gradient(135deg,#12a2dd1a,#12a2dd0d);padding:var(--spacing-xs) var(--spacing-sm);border:2px solid rgba(18,162,221,.3);color:var(--harlem-blue)}.tracking-card{border-top-color:var(--success-green)}.tracking-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #12a2dd4d;border:none}.tracking-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #12a2dd66;text-decoration:none;color:#fff}.tracking-button:active{transform:translateY(0);box-shadow:0 2px 8px #12a2dd33}.labels-card{border-top-color:var(--warning-orange)}.labels-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg);line-height:1.6}.labels-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.label-download-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-secondary);border:2px solid var(--border-light);border-left:4px solid var(--harlem-blue);cursor:pointer;transition:all .3s ease;text-align:left;font-family:Oswald,Montserrat,Arial,sans-serif}.label-download-btn:hover:not(.btn-disabled){background:#fff;border-left-width:6px;transform:translate(4px);box-shadow:0 4px 16px #12a2dd33}.label-download-btn:active:not(.btn-disabled){transform:translate(2px);box-shadow:0 2px 8px #12a2dd26}.label-download-btn.btn-disabled{opacity:.4;cursor:not-allowed;border-left-color:var(--border-color)}.label-download-btn:focus{outline:3px solid rgba(18,162,221,.4);outline-offset:2px}.label-btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border-light);flex-shrink:0}.label-btn-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.label-btn-format{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:1rem}.label-btn-desc{font-size:.8rem;color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:400}.labels-pending-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#fbbf2414,#fbbf240a);border:2px dashed var(--warning-border, #fbbf24);border-radius:8px}.labels-pending-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--warning-border, #fbbf24);border-radius:50%;margin-bottom:var(--spacing-lg);animation:pulse-pending 2s ease-in-out infinite}@keyframes pulse-pending{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.labels-pending-message h4{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--warning-text, #92400e)}.labels-pending-message p{margin:0 0 var(--spacing-lg) 0;font-size:.9rem;line-height:1.6;color:var(--text-secondary);max-width:320px}.labels-pending-message p strong{color:var(--text-primary)}.go-to-dashboard-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--harlem-blue) 0%,var(--harlem-blue-dark) 100%);color:#fff;border:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #12a2dd4d;font-family:Oswald,Montserrat,Arial,sans-serif}.go-to-dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #12a2dd66}.go-to-dashboard-btn:active{transform:translateY(0);box-shadow:0 2px 8px #12a2dd33}.fallback-label{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.fallback-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--harlem-blue);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 8px #12a2dd4d}.fallback-link:hover{background:var(--harlem-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #12a2dd66;text-decoration:none;color:#fff}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.info-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.875rem;line-height:1.6;color:var(--text-primary);padding:var(--spacing-sm);background:var(--background-secondary);border-left:3px solid var(--harlem-blue)}.info-list li svg{flex-shrink:0;margin-top:2px}.upload-warning-alert{display:flex;gap:12px;padding:16px;background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-border, #fbbf24);border-radius:8px;margin-bottom:24px}.upload-warning-alert .warning-content{flex:1}.upload-warning-alert strong{display:block;margin-bottom:8px;color:var(--warning-text, #92400e)}.upload-warning-alert ul{margin:0 0 8px;padding-left:20px}.upload-warning-alert li{color:var(--text-secondary);font-size:14px}.upload-warning-alert .warning-note{margin:0;font-size:13px;color:var(--text-tertiary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media print{.booking-confirmation-page{background:#fff}.info-card{page-break-inside:avoid;box-shadow:none}.label-download-btn,.tracking-button{page-break-inside:avoid}}@media (max-width: 1024px){.confirmation-grid{grid-template-columns:1fr}}@media (max-width: 768px){.info-card{padding:var(--spacing-lg)}.detail-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.label-download-btn{padding:var(--spacing-md)}.label-btn-icon{width:40px;height:40px}}.diagnostics-panel{background:#1a1a1a;border:2px solid var(--primary-purple);border-radius:8px;padding:1.5rem;margin:1rem 0;font-family:Courier New,monospace;max-width:100%;overflow-x:auto}.diagnostics-panel h3{color:var(--primary-purple);margin-top:0;margin-bottom:1rem;font-size:1.2rem}.diagnostics-panel h4{color:#8df;margin-top:1.5rem;margin-bottom:.5rem;font-size:1rem;border-bottom:1px solid #333;padding-bottom:.3rem;font-weight:500}.diagnostics-panel pre{background:#0a0a0a;border:1px solid #333;border-radius:4px;padding:1rem;overflow-x:auto;font-size:.85rem;line-height:1.4;color:#8f8;max-height:400px;overflow-y:auto}.diagnostics-panel pre .string{color:#8df}.diagnostics-panel pre .number{color:#fa4}.diagnostics-panel pre .boolean{color:#f8f}.diagnostics-panel pre .null{color:#f66}.diagnostics-panel section{margin-bottom:1rem}.diagnostics-panel .btn-refresh{background:var(--primary-purple);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;margin-bottom:1rem}.diagnostics-panel .btn-refresh:hover{background:var(--primary-purple-hover)}.diagnostics-panel.loading,.diagnostics-panel.error{padding:2rem;text-align:center;color:var(--primary-cyan)}.diagnostics-panel .timestamp{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #333}.diagnostics-panel .timestamp small{color:#666;font-size:.8rem}.validation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--harlem-blue)}.validation-title-section h2{color:var(--harlem-blue);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.validation-subtitle{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-left:36px}.validation-status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-md);border-left:4px solid var(--harlem-blue);box-shadow:var(--shadow)}.ignored-count{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--background);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary);font-weight:600}.toggle-container{display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;width:48px;height:24px;background:var(--border-color);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.toggle-switch:hover{background:var(--text-secondary)}.toggle-switch--on{background:var(--harlem-blue)}.toggle-switch--on:hover{background:var(--harlem-blue-dark)}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch--on .toggle-slider{transform:translate(24px)}.validation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.validation-card{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow);border-left:4px solid #dc2626;transition:all .3s ease-in-out;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:280px}.validation-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#dc2626,#b91c1c);transition:width .3s ease-in-out}.validation-card:hover:before{width:6px}.validation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.validation-card--ignored{border-left-color:var(--text-secondary);opacity:.7}.validation-card--ignored:before{background:linear-gradient(180deg,var(--text-secondary) 0%,var(--border-color) 100%)}.validation-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.item-number-section{display:flex;align-items:center;gap:var(--spacing-xs)}.item-number{color:var(--harlem-blue);font-size:1.125rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.025em}.ignored-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--text-secondary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.item-description{color:var(--text-primary);font-size:.9375rem;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.status-badge--weight{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);color:#d97706;border:2px solid #fbbf24}.status-badge--dimensions{background:linear-gradient(135deg,#ef444426,#dc262626);color:#dc2626;border:2px solid #ef4444}.status-badge--both{background:linear-gradient(135deg,#dc262633,#b91c1c33);color:#b91c1c;border:2px solid #dc2626}.bc-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#12a2dd14,#12a2dd08);border:2px solid var(--harlem-blue);border-radius:var(--radius-sm);color:var(--harlem-blue);font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.bc-link:hover{background:var(--harlem-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}.validation-card-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;flex-shrink:0}.validation-card-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.validation-card-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-fixed{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.btn-fixed:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#28a745);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-ignore{background:var(--border-color);color:var(--text-primary)}.btn-ignore:hover:not(:disabled){background:var(--text-secondary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-unignore{background:var(--harlem-blue);color:#fff}.btn-unignore:hover:not(:disabled){background:var(--harlem-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}.empty-state-validation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--background-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-top:var(--spacing-lg);min-height:400px}.empty-state-validation h3{color:#10b981;font-size:1.5rem;font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.empty-state-validation p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 var(--spacing-lg) 0;max-width:500px}.btn-show-ignored{padding:var(--spacing-sm) var(--spacing-lg);background:var(--harlem-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn-show-ignored:hover{background:var(--harlem-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}@media (min-width: 1200px){.validation-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.validation-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.validation-header{flex-direction:column;gap:var(--spacing-md)}.validation-subtitle{margin-left:0}.validation-status-bar{flex-direction:column;align-items:stretch}.toggle-container{justify-content:space-between}.validation-grid{grid-template-columns:1fr}.validation-card{min-height:auto}.validation-card-actions{flex-direction:column}.validation-card-actions button{width:100%}}.lock-manager-subtitle{margin-bottom:1.5rem;color:#6b7280;text-align:center}.warning-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:2px solid #fbbf24;border-radius:var(--radius-md);border-left:4px solid #d97706}.warning-content{flex:1}.warning-content strong{display:block;color:#92400e;font-size:1rem;font-weight:700;margin-bottom:var(--spacing-xs)}.warning-content p{color:#92400e;font-size:.875rem;line-height:1.6;margin:0}.lock-status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:var(--background-secondary);border-radius:var(--radius-md);border-left:4px solid var(--harlem-blue);box-shadow:var(--shadow)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.status-count{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.btn-refresh{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--harlem-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn-refresh:hover:not(:disabled){background:var(--harlem-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.locks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.lock-card{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow);border-left:4px solid #f59e0b;transition:all .3s ease-in-out;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:320px}.lock-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#f59e0b,#d97706);transition:width .3s ease-in-out}.lock-card:hover:before{width:6px}.lock-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lock-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.shipment-number-section{display:flex;align-items:center;gap:var(--spacing-xs)}.shipment-number{color:var(--harlem-blue);font-size:1.125rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.025em}.lock-details{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:var(--text-primary);word-break:break-all}.time-ago{font-size:.75rem;color:var(--text-secondary);margin-left:var(--spacing-xs)}.status-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start}.status-badge--locking{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);color:#d97706;border:2px solid #fbbf24}.lock-card .bc-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#12a2dd14,#12a2dd08);border:2px solid var(--harlem-blue);border-radius:var(--radius-sm);color:var(--harlem-blue);font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.lock-card .bc-link:hover{background:var(--harlem-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #12a2dd4d}.lock-card-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;flex-shrink:0}.lock-card-actions button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.lock-card-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-release{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-release:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.empty-state-locks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--background-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow);margin-top:var(--spacing-lg);min-height:400px}.empty-state-locks h3{color:#10b981;font-size:1.5rem;font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.empty-state-locks p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:500px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media (min-width: 1200px){.locks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.locks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.warning-banner{flex-direction:column}.lock-status-bar{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.btn-refresh{width:100%;justify-content:center}.locks-grid{grid-template-columns:1fr}.lock-card{min-height:auto}.lock-card-actions{flex-direction:column}.lock-card-actions button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--harlem-blue: #12A2DD;--harlem-blue-dark: #0E8AC2;--harlem-blue-light: #3FB5E6;--primary-purple: #12A2DD;--primary-purple-dark: #0E8AC2;--secondary-orange: #12A2DD;--secondary-orange-dark: #0E8AC2;--accent-cyan: #12A2DD;--accent-cyan-dark: #0E8AC2;--success-color: #28a745;--success-green: #00A86B;--danger-color: #dc3545;--danger-hover: #c82333;--warning-orange: #FF8C42;--warning-amber-bg: #fffbf0;--warning-amber-border: #ff8c42;--warning-amber-icon-bg: #ff8c421a;--warning-amber-text: #9a5a00;--box-color-blue: #3B82F6;--box-color-green: #10B981;--box-color-red: #EF4444;--box-color-yellow: #F59E0B;--box-color-purple: #8B5CF6;--box-color-pink: #EC4899;--box-color-orange: #F97316;--box-color-cyan: #06B6D4;--background: #FFFFFF;--background-secondary: #F8F9FA;--border-light: #E5E5E5;--border-color: #D0D0D0;--text-primary: #272727;--text-secondary: #4A5568;--text-inverse: #FFFFFF;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}body{font-family:Oswald,Montserrat,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:Oswald,Montserrat,Arial,sans-serif;cursor:pointer;border:none;padding:.75rem 1.5rem;border-radius:0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--harlem-blue);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--harlem-blue-dark)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover)}input,select,textarea{font-family:Oswald,Montserrat,Arial,sans-serif;font-size:1rem;font-weight:400;padding:.75rem;border:2px solid var(--border-color);border-radius:0;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--harlem-blue);box-shadow:0 0 0 3px #12a2dd66}button:focus{outline:3px solid var(--harlem-blue);outline-offset:2px}.card{background:#fff;border-radius:0;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1rem;border:1px solid var(--border-light)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}a{color:var(--harlem-blue);text-decoration:none;transition:color var(--transition-fast);font-weight:700}a:hover{color:var(--harlem-blue-dark);text-decoration:underline}.error-message{background:#fee;border:2px solid #fcc;border-left:4px solid var(--danger-color);color:#c33;padding:var(--spacing-md);border-radius:0;margin-bottom:var(--spacing-lg);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:1000px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-down{animation:slideDown var(--transition-normal) ease-out;overflow:hidden}.slide-up{animation:slideUp var(--transition-normal) ease-out;overflow:hidden}.scale-in{animation:scaleIn var(--transition-normal) ease-out}.rotate-180{transform:rotate(180deg);transition:transform var(--transition-fast)}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale:hover{transform:scale(1.02)}