*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app,.screen-container{background:#fff;min-height:100vh}.screen-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.content-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;max-width:440px;padding:48px 40px;width:100%}.logo-container{margin-bottom:32px;text-align:center}.logo{align-items:center;background:#000;border-radius:12px;color:#fff;display:inline-flex;font-size:36px;font-weight:700;height:64px;justify-content:center;margin-bottom:16px;width:64px}.logo-text{color:#000;font-size:28px;font-weight:700;letter-spacing:-.5px}.tagline{color:#666;font-size:15px;line-height:1.5;margin-bottom:40px;margin-top:8px}.subtitle,.tagline{font-weight:400;text-align:center}.subtitle{color:#999;font-size:14px;margin-bottom:32px}.back-button{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;left:20px;position:absolute;top:20px;transition:all .2s ease;width:40px}.back-button:hover{background:#e9ecef;border-color:#dee2e6}.country-dropdown-container{margin-bottom:24px;width:100%}.country-select-label{color:#333;display:block;font-size:14px;font-weight:600;letter-spacing:-.2px;margin-bottom:12px}.country-dropdown-wrapper{position:relative;width:100%}.country-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #d2d2d7;border-radius:10px;color:#1d1d1f;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;line-height:1.5;padding:16px 48px 16px 16px;transition:all .2s ease;width:100%}.country-select:hover{background:#fafafa;border-color:#86868b}.country-select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.country-select:disabled{cursor:not-allowed;opacity:.6}.country-select option{background:#fff;color:#1d1d1f;font-size:16px;padding:12px 16px}.country-select option:disabled{color:#86868b;font-style:italic}.country-select option:checked{background:#007aff;color:#fff}.country-select-arrow{color:#86868b;font-size:12px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.country-dropdown-wrapper:hover .country-select-arrow{color:#1d1d1f}.country-select:focus~.country-select-arrow{color:#007aff;transform:translateY(-50%) rotate(180deg)}.country-unavailable-notice{align-items:flex-start;background:#fff4e6;border:1px solid #ffd699;border-radius:8px;color:#8b4513;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-top:12px;padding:12px 16px}.country-unavailable-notice .notice-icon{flex-shrink:0;font-size:16px;margin-top:1px}.form-group{margin-bottom:24px}.form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.phone-input-container{display:flex;gap:12px}.country-code-display{align-items:center;background:#f8f9fa;color:#333;display:flex;font-weight:500;gap:8px;justify-content:center;min-width:100px;text-align:center}.country-code-display,.phone-input{border:1px solid #dee2e6;border-radius:8px;font-size:15px;padding:14px 16px}.phone-input{background:#fff;flex:1 1;transition:all .2s ease}.phone-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.submit-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.4}.otp-container{text-align:center}.otp-sent-to{color:#666;margin-bottom:32px}.otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.otp-input{background:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:24px;font-weight:600;height:64px;text-align:center;transition:all .2s ease;width:56px}.otp-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.resend-code{background:none;border:none;color:#000;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:24px;text-decoration:underline}.resend-code:hover{color:#333}.waitlist-content{margin-bottom:32px;text-align:center}.waitlist-flag{font-size:80px;margin-bottom:16px}.waitlist-title{color:#333;font-size:24px;font-weight:700;margin-bottom:16px}.waitlist-description{color:#666;font-size:15px;line-height:1.6;margin-bottom:12px}.waitlist-note{color:#999;font-size:13px;margin-top:16px;text-align:center}.home-container{background:#f8f9fa;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:600px}.header-title{color:#333;font-size:20px;font-weight:700}.header-subtitle{color:#666;font-size:14px;margin-top:2px}.logout-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.logout-button:hover{background:#e9ecef}.icon-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.icon-button:hover{background:#e9ecef}.header-tracking{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:16px 20px}.back-btn-header{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:0;width:40px}.header-title-small{color:#333;flex:1 1;font-size:18px;font-weight:600;text-align:center}.help-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.main-content,.main-content-tracking{margin:0 auto;max-width:600px;padding:20px 20px 100px}.amazon-connect-elegant{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 18px;transition:all .2s ease}.amazon-connect-elegant:hover{border-color:#f90;box-shadow:0 2px 8px #ff99001a}.amazon-elegant-left{align-items:center;display:flex;gap:12px}.amazon-icon-elegant{align-items:center;background:#fff7ed;border-radius:10px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.amazon-text-elegant{display:flex;flex-direction:column;gap:2px}.amazon-title-elegant{color:#1d1d1f;font-size:15px;font-weight:700;margin:0}.amazon-subtitle-elegant{color:#86868b;font-size:12px;margin:0}.amazon-btn-elegant{align-items:center;background:linear-gradient(135deg,#f90,#f70);border:none;border-radius:8px;box-shadow:0 2px 6px #f903;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.amazon-btn-elegant:hover{box-shadow:0 4px 10px #ff99004d;transform:translateY(-1px)}.amazon-btn-elegant:active{transform:translateY(0)}.connect-icon{font-size:16px}.status-filter-pills{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.status-filter-pills::-webkit-scrollbar{height:2px}.status-filter-pills::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.filter-pill{background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:#e5e7eb}.filter-pill.active{background:#1d1d1f;color:#fff}.co2-impact-discreet{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:6px;margin-bottom:16px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.co2-icon-small{font-size:16px}.co2-text-small{color:#059669;font-size:13px;font-weight:600}.orders-section{position:relative}.orders-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.empty-state{background:#fff;border-radius:16px;padding:60px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:16px}.empty-state h3{color:#333;font-size:20px;margin-bottom:8px}.empty-state p{color:#666;font-size:14px}.order-card-modern{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:16px;transition:all .2s ease}.order-card-modern:hover{border-color:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.order-card-modern.selected{border:2px solid #000}.order-card-full{display:flex;flex-direction:column;gap:12px}.order-card-header-row{align-items:center;display:flex;gap:12px}.brand-logo-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.order-card-center{flex:1 1}.order-brand-name{color:#333;font-size:17px;font-weight:700;margin-bottom:2px}.order-number-small{color:#999;font-size:12px;font-weight:500}.order-card-details{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.order-detail-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.detail-label{color:#666;font-weight:500}.detail-value{color:#333;font-weight:600}.co2-row{background:#f0fdf4;border-radius:0 0 8px 8px;margin:-4px -8px -8px;padding:8px}.co2-row .detail-label{color:#059669}.co2-highlight{color:#059669!important;font-weight:700!important}.warehouse-row{background:#f0f9ff;border-radius:6px;margin-top:4px;padding:8px 12px}.warehouse-row .detail-label{color:#0284c7;font-weight:600}.warehouse-text{color:#0284c7!important;font-size:12px;font-weight:600!important}.order-card-right{flex-shrink:0}.status-badge-ready{align-items:center;background:#4caf50;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.status-check{font-size:16px}.status-badge-pending{text-align:right}.status-days{color:#999;display:block;font-size:16px;font-weight:700;margin-bottom:2px}.status-subtext{color:#999;display:block;font-size:12px}.deliver-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;bottom:20px;box-shadow:0 4px 12px #7c3aed4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;left:50%;max-width:600px;padding:16px;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:100%;z-index:100}.deliver-button:hover{box-shadow:0 6px 16px #7c3aed66;transform:translateX(-50%) translateY(-2px)}.deliver-button:active{transform:translateX(-50%) translateY(0)}.deliver-button-cta{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;bottom:20px;box-shadow:0 6px 20px #10b98166;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:10px;justify-content:center;left:50%;letter-spacing:.3px;max-width:600px;padding:18px 24px;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:100%;z-index:100}.deliver-button-cta:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98180;transform:translateX(-50%) translateY(-3px)}.deliver-button-cta:active{transform:translateX(-50%) scale(.98)}.cta-icon{animation:bounce 2s ease-in-out infinite;font-size:20px}.transition-overlay{align-items:center;animation:fadeInSlideRight .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeInSlideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.transition-content{text-align:center}.loader-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:56px;margin:0 auto 20px;width:56px}.transition-text{color:#1d1d1f;font-size:16px;font-weight:600;margin:0}.main-content.transitioning{overflow:hidden}.order-checkbox{accent-color:#000;cursor:pointer;flex-shrink:0;height:24px;margin-right:4px;width:24px}.grouped-delivery-section{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;bottom:20px;box-shadow:0 8px 24px #10b98166;color:#fff;display:flex;flex-direction:column;gap:16px;left:50%;max-width:600px;padding:20px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.group-delivery-info{align-items:center;display:flex;gap:12px}.group-icon{flex-shrink:0;font-size:32px}.group-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.group-count{font-size:16px;font-weight:700;margin:0}.group-warehouse-mini{font-size:12px;font-weight:500;margin:4px 0;opacity:.85}.group-benefit{font-size:13px;margin:0;opacity:.95}.group-delivery-button{background:#fff;border:none;border-radius:12px;color:#059669;cursor:pointer;font-size:16px;font-weight:700;padding:14px 24px;transition:all .2s ease;width:100%}.group-delivery-button:hover{background:#f0fdf4;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.group-delivery-button:active{transform:translateY(0)}.order-detail-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:20px}.brand-logo-large{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.order-detail-info{flex:1 1}.order-detail-brand{color:#333;font-size:20px;font-weight:700;margin-bottom:4px}.order-detail-number{color:#999;font-size:13px;font-weight:500;margin-bottom:6px}.order-detail-status{color:#666;font-size:16px;font-weight:600}.order-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:16px}.info-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:14px;font-weight:500}.info-value{color:#333;font-size:14px;font-weight:600;text-align:right}.tracking-code{background:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.timeline-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:80px;padding:24px}.timeline-step{display:flex;gap:16px;position:relative}.timeline-marker{flex-direction:column;position:relative}.timeline-dot,.timeline-marker{align-items:center;display:flex}.timeline-dot{background:#fff;border:2px solid #e9ecef;border-radius:50%;color:#0000;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px;z-index:2}.timeline-dot.completed{background:#4caf50;border-color:#4caf50;color:#fff}.timeline-dot.current{border-color:#7c3aed;border-width:3px}.timeline-line{background:#e9ecef;height:40px;position:relative;top:-4px;width:2px}.timeline-line.completed{background:#4caf50}.timeline-content{flex:1 1;padding-bottom:32px}.timeline-label{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.timeline-date{color:#666;font-size:14px}.order-detail-brand-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;margin-bottom:16px;padding:16px 20px}.brand-logo-detail{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.brand-info-detail{flex:1 1}.brand-name-detail{color:#333;font-size:18px;font-weight:700;margin:0 0 4px}.order-number-detail{color:#999;font-size:12px;font-weight:500;margin:0}.status-badge-detail{border-radius:20px;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.status-badge-detail.ready{background:#10b981;color:#fff}.status-badge-detail.pending{background:#f3f4f6;color:#6b7280}.tracking-message{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:16px;text-align:center}.tracking-message p{color:#333;font-size:15px;font-weight:600;margin:0}.tracking-time{color:#666!important;font-size:13px!important;font-weight:500!important;margin-top:4px!important}.map-placeholder{background:#fff;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;box-shadow:0 2px 4px #0000000d;height:300px;margin-bottom:16px;overflow:hidden;position:relative}.map-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.map-pin{font-size:48px}.delivery-code{background:gold;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:14px;font-weight:700;padding:10px 16px;position:absolute;right:16px;top:16px}.code-label{font-weight:600}.tracking-actions{display:flex;gap:12px;margin-bottom:80px}.action-btn-outline{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.action-btn-outline:hover{border-color:#7c3aed;color:#7c3aed}@media (max-width:768px){.content-card{padding:24px}.country-select{font-size:16px}.country-unavailable-notice{font-size:13px;padding:10px 12px}.otp-inputs{gap:8px}.otp-input{font-size:20px;height:56px;width:48px}.deliver-button,.deliver-button-cta{max-width:none;width:calc(100% - 40px)}.deliver-button-cta{bottom:16px;font-size:16px;padding:16px 20px}.cta-icon{font-size:18px}.loader-spinner{border-width:3px;height:48px;margin-bottom:16px;width:48px}.transition-text{font-size:15px}.grouped-delivery-section{max-width:none;padding:16px;width:calc(100% - 40px)}.group-icon{font-size:28px}.group-count{font-size:15px}.group-warehouse-mini{font-size:11px}.group-benefit{font-size:12px}.group-delivery-button{font-size:15px;padding:12px 20px}.order-checkbox{height:20px;width:20px}.amazon-connect-elegant{padding:12px 14px}.amazon-icon-elegant{font-size:20px;height:36px;width:36px}.amazon-title-elegant{font-size:14px}.amazon-subtitle-elegant{font-size:11px}.amazon-btn-elegant{font-size:13px;padding:7px 14px}.status-filter-pills{gap:6px;margin-bottom:12px}.filter-pill{font-size:13px;padding:7px 14px}.co2-impact-discreet{margin-bottom:12px;padding:6px 10px}.co2-icon-small{font-size:14px}.co2-text-small{font-size:12px}.order-detail-brand-header{gap:12px;padding:14px 16px}.brand-logo-detail{font-size:18px;height:48px;width:48px}.brand-name-detail{font-size:16px}.order-number-detail{font-size:11px}.status-badge-detail{font-size:12px;padding:6px 12px}.main-content{padding:16px}}@media (min-width:769px){.deliver-button{max-width:560px}}.support-container{margin:0 auto;max-width:600px;padding-bottom:40px}.support-header{margin-bottom:32px;text-align:center}.support-header h2{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.support-header p{color:#666;font-size:15px}.support-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:24px}.support-section h3{color:#333;font-size:18px;font-weight:700;margin-bottom:16px}.support-option{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:16px}.support-option:last-child{margin-bottom:0}.support-option strong{color:#333;display:block;font-size:15px;margin-bottom:6px}.support-option p{color:#666;font-size:14px;margin:2px 0}.support-hours{color:#999!important;font-size:13px!important;font-style:italic}.faq-item{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:16px}.faq-item:last-child{margin-bottom:0}.faq-item strong{color:#333;display:block;font-size:15px;margin-bottom:8px}.faq-item p{color:#666;font-size:14px;line-height:1.5}.support-form{display:flex;flex-direction:column;gap:12px}.support-input,.support-textarea{border:1px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.support-input:focus,.support-textarea:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.support-textarea{min-height:100px;resize:vertical}.finding-driver-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.driver-loader{margin-bottom:32px}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#7c3aed;height:80px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.finding-driver-title{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.finding-driver-subtitle{color:#666;font-size:15px}.driver-found-container{margin:0 auto;max-width:600px;padding:0 0 100px}.driver-map-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:280px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.map-view{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.map-marker{animation:bounce 2s infinite;font-size:32px;position:absolute}.map-marker.warehouse{left:25%;top:30%}.map-marker.destination{bottom:25%;right:25%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-route{background:repeating-linear-gradient(90deg,#000 0,#000 10px,#0000 0,#0000 20px);height:2px;left:30%;position:absolute;top:50%;transform:rotate(-25deg);width:40%}.map-overlay-info{position:absolute;right:16px;top:16px}.delivery-eta-compact{align-items:center;background:#000c;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.eta-icon{font-size:16px}.security-pin-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin:16px 20px;padding:16px 20px;text-align:center}.pin-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.pin-icon{font-size:18px}.pin-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pin-code{color:#000;font-family:Courier New,monospace;font-size:36px;font-weight:700;letter-spacing:8px;margin-bottom:8px}.pin-description{color:#999;font-size:12px;line-height:1.4}.driver-info-card-sober{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin:0 20px 16px;padding:16px 20px}.driver-info-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.driver-avatar-sober{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.driver-details-sober h3{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:4px}.driver-meta{align-items:center;display:flex;gap:8px}.rating-badge{background:#f8f9fa;border-radius:4px;color:#666;font-size:12px;font-weight:500;padding:2px 8px}.vehicle-type{color:#999;font-size:12px}.call-driver-btn{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.call-driver-btn:hover{background:#333}.delivery-progress-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin:0 20px 16px;padding:20px}.progress-title{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.progress-steps{display:flex;flex-direction:column}.progress-step{align-items:flex-start;display:flex;gap:12px}.step-indicator{background:#fff;border:2px solid #e9ecef;border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;width:20px}.step-indicator.completed{background:#000;border-color:#000}.step-indicator.pending{border-color:#dee2e6}.step-content{flex:1 1}.step-label{color:#1d1d1f;font-size:14px;font-weight:600;margin-bottom:2px}.step-location{color:#666;font-size:13px}.progress-connector{background:#e9ecef;height:24px;margin-left:9px;width:2px}.progress-connector.active{background:#000}.track-button-sober{background:#000;border:none;border-radius:8px;bottom:20px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;left:50%;max-width:560px;padding:16px;position:fixed;transform:translateX(-50%);transition:all .2s ease;width:calc(100% - 40px)}.track-button-sober:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateX(-50%) translateY(-2px)}.co2-savings-card{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:flex;gap:16px;margin:0 20px 16px;padding:16px 20px}.co2-icon{flex-shrink:0;font-size:40px}.co2-content{flex:1 1}.co2-label{font-size:12px;letter-spacing:.5px;margin-bottom:4px;opacity:.9;text-transform:uppercase}.co2-value{font-size:28px;font-weight:700;margin-bottom:2px}.co2-description{font-size:13px;opacity:.85}.tracking-history-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.tracking-history-title{color:#333;font-size:16px;font-weight:700;margin-bottom:16px}.tracking-history-list{display:flex;flex-direction:column}.tracking-history-step{display:flex;gap:12px;position:relative}.tracking-history-marker{align-items:center;display:flex;flex-direction:column;position:relative}.tracking-history-dot{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;color:#0000;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px;z-index:2}.tracking-history-dot.completed{background:#4caf50;border-color:#4caf50;color:#fff}.tracking-history-dot.current{animation:pulse 2s infinite;border-color:#7c3aed;border-width:3px}.tracking-history-line{background:#e9ecef;height:32px;position:relative;top:-4px;width:2px}.tracking-history-line.completed{background:#4caf50}.tracking-history-content{flex:1 1;padding-bottom:24px}.tracking-history-label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.tracking-history-date{color:#666;font-size:13px}.group-delivery-container{margin:0 auto;max-width:600px;padding-bottom:40px}.group-delivery-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;gap:16px;margin-bottom:20px;padding:24px}.group-header-icon{flex-shrink:0;font-size:48px}.group-header-content{flex:1 1}.group-title{font-size:22px;font-weight:700;margin-bottom:4px}.group-subtitle{font-size:14px;margin-bottom:4px;opacity:.95}.group-warehouse{font-size:13px;font-weight:500;opacity:.9}.group-co2-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.group-co2-icon{flex-shrink:0;font-size:40px}.group-co2-content{flex:1 1}.group-co2-label{font-size:13px;margin-bottom:4px;opacity:.9}.group-co2-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:2px}.group-co2-desc{font-size:12px;opacity:.85}.grouped-packages-section{margin-bottom:24px}.section-title{color:#333;font-size:16px;font-weight:700;margin-bottom:12px;padding-left:4px}.grouped-package-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.grouped-package-card:hover{border-color:#e0e0e0;box-shadow:0 4px 12px #00000014}.grouped-package-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.package-number-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.grouped-package-info{flex:1 1}.grouped-brand-row{align-items:center;display:flex;gap:12px}.brand-logo-circle-small{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.grouped-brand-name{color:#333;font-size:16px;font-weight:700;margin-bottom:2px}.grouped-order-number{color:#999;font-size:12px;font-weight:500}.package-pin-card{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.pin-icon-small{flex-shrink:0;font-size:20px}.pin-info{align-items:center;display:flex;flex:1 1;gap:12px}.pin-label-small{color:#666;font-size:12px;font-weight:600}.pin-code-small{color:#000;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:2px}.grouped-package-details{display:flex;flex-wrap:wrap;gap:12px}.detail-mini{background:#f8f9fa;border-radius:6px;color:#666;font-size:12px;font-weight:500;padding:6px 12px}.group-driver-section{margin-bottom:24px}.group-driver-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:12px;display:flex;gap:16px;padding:16px}.group-driver-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.group-driver-info{flex:1 1}.driver-name{color:#333;font-size:16px;font-weight:700;margin-bottom:6px}.driver-meta-row{display:flex;gap:8px;margin-bottom:6px}.driver-eta{color:#666;font-size:13px;font-weight:500}.call-driver-btn-compact{background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;height:44px;transition:all .2s ease;width:44px}.call-driver-btn-compact:hover{background:#059669;transform:scale(1.1)}.group-delivery-progress{margin-bottom:24px}.progress-timeline{background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:20px}.progress-step-group{align-items:flex-start;display:flex;gap:16px}.progress-step-group.active .step-label-bold{color:#000}.step-dot{border:3px solid #d1d5db;border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;transition:all .3s ease;width:20px}.step-dot.completed{background:#10b981;border-color:#10b981}.step-dot.pending{background:#667eea;border-color:#667eea}.step-dot.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #667eeab3;transform:scale(1)}50%{box-shadow:0 0 0 8px #667eea00;transform:scale(1.1)}}.step-text{flex:1 1}.step-label-bold{color:#666;font-size:14px;font-weight:700;margin-bottom:4px}.step-time{color:#999;font-size:12px}.progress-line{background:#e5e7eb;height:32px;margin-bottom:4px;margin-left:8px;margin-top:4px;transition:all .3s ease;width:3px}.progress-line.active{background:linear-gradient(180deg,#10b981,#667eea)}.group-delivery-note{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.note-icon{flex-shrink:0;font-size:24px}.note-text{flex:1 1}.note-text strong{color:#92400e;display:block;font-size:14px;margin-bottom:6px}.note-text p{color:#78350f;font-size:13px;line-height:1.5}.group-action-buttons{display:flex;flex-direction:column;gap:12px}.track-live-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .2s ease;width:100%}.track-live-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.cancel-group-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.cancel-group-button:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.group-delivery-header{padding:20px}.group-header-icon{font-size:40px}.group-title{font-size:20px}.group-co2-banner{padding:16px 20px}.group-co2-icon{font-size:32px}.group-co2-value{font-size:28px}.grouped-package-card{padding:14px}.group-driver-avatar{font-size:18px;height:48px;width:48px}.call-driver-btn-compact{font-size:18px;height:40px;width:40px}}
/*# sourceMappingURL=main.084d0cf0.css.map*/