.step-modal{max-width:500px;width:90%}.step-modal .modal-header{padding:20px;border-radius:12px 12px 0 0;color:white;display:flex;justify-content:space-between;align-items:center}.step-modal .modal-header.success{background:linear-gradient(135deg,#28a745,#20c997)}.step-modal .modal-header.waiting{background:linear-gradient(135deg,#ffc107,#fd7e14)}.step-modal .modal-header.payment{background:linear-gradient(135deg,#007bff,#6610f2)}.step-modal .modal-header.chat{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.step-modal .modal-header.tracking{background:linear-gradient(135deg,#17a2b8,#138496)}.step-modal .modal-header.success{background:linear-gradient(135deg,#28a745,#20c997)}.step-modal .modal-header h3{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:10px}.step-info{text-align:center;margin-bottom:25px}.success-icon{width:80px;height:80px;border-radius:50%;background:#28a745;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:bounce 1s ease-in-out}.success-icon i{font-size:2rem;color:white}.loading-icon{width:80px;height:80px;border-radius:50%;background:#ffc107;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.loading-icon .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.step-info h4{color:#2c3e50;margin-bottom:10px;font-size:1.4rem}.step-info p{color:#6c757d;font-size:1rem;line-height:1.6}.order-details,.acceptance-details,.waiting-details,.payment-success{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px}.order-details h5,.acceptance-details h5,.waiting-details h5,.payment-success h5{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.acceptance-item,.waiting-item,.success-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 0}.acceptance-item i,.waiting-item i,.success-item i{color:#28a745;font-size:1.1rem;width:20px}.payment-options{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.payment-option{display:flex;align-items:center;gap:15px;padding:20px;border:2px solid #e9ecef;border-radius:12px;background:white;cursor:pointer;transition:all 0.3s ease;text-align:right}.payment-option:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,0.15)}.payment-icon{width:50px;height:50px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-icon i{color:white;font-size:1.5rem}.payment-info h5{margin:0 0 5px 0;color:#2c3e50;font-size:1.1rem}.payment-info p{margin:0;color:#6c757d;font-size:0.9rem}.traveler-info{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.traveler-avatar{width:60px;height:60px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.traveler-avatar i{color:white;font-size:1.5rem}.traveler-details h4{margin:0 0 5px 0;color:#2c3e50;font-size:1.2rem}.traveler-details p{margin:0 0 10px 0;color:#6c757d;font-size:0.9rem}.status-indicator{display:flex;align-items:center;gap:5px;font-size:0.9rem;color:#28a745}.status-dot{width:8px;height:8px;border-radius:50%;background:#28a745;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.chat-section{margin-bottom:20px}.chat-messages{max-height:200px;overflow-y:auto;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.message{margin-bottom:15px;padding:12px;border-radius:12px;background:white;border:1px solid #e9ecef}.message.system{background:#e3f2fd;border-color:#2196f3}.message.customer{background:#e8f5e8;border-color:#4caf50;margin-left:20px}.message.traveler{background:#fff3e0;border-color:#ff9800;margin-right:20px}.message-content p{margin:0;color:#2c3e50;font-size:0.9rem;line-height:1.4}.message-time{font-size:0.8rem;color:#6c757d;text-align:left;margin-top:5px}.tracking-section{margin-bottom:20px}.tracking-section h5{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.tracking-steps{display:flex;flex-direction:column;gap:10px}.tracking-step{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef}.tracking-step.completed{background:#d4edda;border-color:#28a745}.tracking-step.active{background:#fff3cd;border-color:#ffc107}.tracking-step i{color:#6c757d;font-size:1rem;width:20px}.tracking-step.completed i{color:#28a745}.tracking-step.active i{color:#ffc107}.step-actions{display:flex;gap:15px;justify-content:center;padding-top:20px;border-top:1px solid #e9ecef}.step-actions .btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;border:none}.step-actions .btn-primary{background:#007bff;color:white}.step-actions .btn-primary:hover{background:#0056b3;transform:translateY(-2px)}.step-actions .btn-secondary{background:#6c757d;color:white}.step-actions .btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.modal.traveler-search-overlay-compact,.modal.traveler-search-overlay-compact.show{display:flex !important;justify-content:center !important;align-items:center !important;padding:16px !important;padding-top:16px !important;background:rgba(15,23,42,0.4) !important;z-index:10050 !important;overflow-y:auto !important}.traveler-search-compact-panel{width:min(520px,96vw);max-height:min(88vh,720px);margin:auto;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.18);display:flex;flex-direction:column;overflow:hidden}.traveler-search-compact-panel .compact-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.traveler-search-compact-panel .compact-panel-title{font-size:0.9rem;font-weight:600;display:flex;align-items:center;gap:6px}.traveler-search-compact-panel .compact-panel-header .close-btn{background:transparent;border:none;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer;padding:0 4px}.traveler-search-compact-panel .compact-results-body{flex:1;overflow-y:auto;padding:8px}.traveler-search-compact-panel .compact-loading,.traveler-search-compact-panel .compact-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;text-align:center;color:#6c757d;font-size:0.9rem}.traveler-search-compact-panel .compact-no-results i{font-size:1.5rem;color:#adb5bd}.traveler-search-compact-panel .compact-auto-hint{margin:0;font-size:0.78rem;color:#0d6efd;display:flex;align-items:center;justify-content:center;gap:6px}.traveler-search-compact-panel .traveler-card-compact{display:flex;align-items:center;gap:8px;padding:10px;margin-bottom:6px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.traveler-search-compact-panel .traveler-card-compact:last-child{margin-bottom:0}.traveler-search-compact-panel .traveler-card-compact-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.traveler-search-compact-panel .compact-date-flex,.traveler-search-compact-panel .compact-flex-hint .compact-date-flex{display:inline-block;margin-right:4px;padding:0 4px;font-size:0.75em;font-weight:700;color:#b45309;background:#fff8e1;border-radius:4px}.traveler-search-compact-panel .compact-flex-hint{font-size:0.82rem;color:#475569;margin:6px 0 8px;line-height:1.4}.traveler-search-compact-panel .traveler-card-compact-main strong{font-size:0.9rem;color:#212529}.traveler-search-compact-panel .compact-route{font-size:0.8rem;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traveler-search-compact-panel .compact-meta{font-size:0.75rem;color:#6c757d}.traveler-search-compact-panel .compact-select-btn{flex-shrink:0;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px}.traveler-search-compact-panel .travel-search-result-card,.travelers-results .travel-search-result-card{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:12px;margin-bottom:10px;box-shadow:0 1px 4px rgba(15,23,42,0.06)}.traveler-search-compact-panel .travel-search-result-card:last-child,.travelers-results .travel-search-result-card:last-child{margin-bottom:0}.travel-search-result-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.travel-search-result-card__name{display:block;font-size:0.95rem;color:#0f172a}.travel-search-result-card__flight{display:block;font-size:0.8rem;color:#64748b;margin-top:2px;font-family:ui-monospace,monospace;direction:ltr;text-align:right}.travel-search-result-card__status{flex-shrink:0;font-size:0.72rem;padding:3px 8px;border-radius:999px}.travel-search-result-card__route{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 10px;margin-bottom:10px;background:linear-gradient(135deg,#f0f9ff,#f8fafc);border-radius:8px;font-size:0.85rem;color:#334155}.travel-search-result-card__route .fa-long-arrow-alt-left{color:#94a3b8;font-size:0.9rem}.travel-search-result-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:12px}.travel-search-result-card__grid> div{min-width:0}.travel-search-result-card__grid small{display:block;font-size:0.72rem;color:#64748b;margin-bottom:2px}.travel-search-result-card__grid b{display:block;font-size:0.82rem;color:#1e293b;font-weight:600;word-break:break-word}.travel-search-result-card__hall{grid-column:1 / -1;padding-top:4px;border-top:1px dashed #e2e8f0}.travel-search-result-card__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:stretch}.travel-search-result-card__actions .btn{flex:1;min-width:120px;justify-content:center}@media (max-width:400px){.travel-search-result-card__grid{grid-template-columns:1fr}}.traveler-search-modal{max-width:700px;width:95%;max-height:90vh;overflow-y:auto}.traveler-search-modal .modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:white;padding:20px;border-radius:12px 12px 0 0}.traveler-search-modal .modal-header h3{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:10px}.order-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:25px}.order-card h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.order-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e9ecef}.detail-item:last-child{border-bottom:none}.detail-item i{color:#007bff;font-size:1.1rem;width:20px;text-align:center}.detail-item span{color:#495057;font-size:1rem}.search-results h4{color:#2c3e50;margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.travelers-list{display:flex;flex-direction:column;gap:15px}.traveler-card{display:flex;align-items:center;gap:20px;padding:20px;background:white;border:2px solid #e9ecef;border-radius:12px;transition:all 0.3s ease;cursor:pointer}.traveler-card:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,0.15)}.traveler-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.traveler-avatar i{color:white;font-size:1.5rem}.traveler-info{flex:1}.traveler-info h4{margin:0 0 10px 0;color:#2c3e50;font-size:1.3rem}.traveler-rating{display:flex;align-items:center;gap:10px;margin-bottom:15px}.stars{display:flex;gap:2px}.stars i{color:#ffc107;font-size:1rem}.stars i.filled{color:#ffc107}.rating-text{color:#6c757d;font-size:0.9rem}.traveler-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:0.9rem}.detail-row i{color:#007bff;width:16px;text-align:center}.detail-row.price{color:#28a745;font-weight:600;font-size:1rem}.detail-row.price i{color:#28a745}.traveler-actions{flex-shrink:0}.select-traveler-btn{background:#28a745;color:white;border:none;padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.select-traveler-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,0.3)}.search-actions{display:flex;justify-content:center;padding-top:20px;border-top:1px solid #e9ecef;margin-top:25px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#6c757d;font-size:1.1rem}.loading i{font-size:1.5rem;color:#007bff}.tracking-modal{max-width:800px;width:95%;max-height:90vh;overflow-y:auto}.order-summary{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px}.order-info h4,.current-status h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;align-items:center;gap:8px;padding:8px 0;color:#495057;font-size:0.9rem}.info-item i{color:#17a2b8;width:16px;text-align:center}.status-display{text-align:center}.status-time{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;color:#6c757d;font-size:0.9rem}.status-time i{color:#17a2b8}.tracking-timeline{margin-bottom:30px}.tracking-timeline h4{color:#2c3e50;margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.timeline{position:relative;padding-right:30px}.timeline::before{content:'';position:absolute;right:15px;top:0;bottom:0;width:2px;background:#e9ecef}.timeline-item{position:relative;margin-bottom:30px;padding-right:50px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;right:-22px;top:0;width:44px;height:44px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:2}.timeline-item.completed .timeline-marker{background:#28a745;color:white}.timeline-item.active .timeline-marker{background:#ffc107;color:white;animation:pulse-timeline 2s infinite}@keyframes pulse-timeline{0%{box-shadow:0 0 0 0 rgba(255,193,7,0.7)}70%{box-shadow:0 0 0 10px rgba(255,193,7,0)}100%{box-shadow:0 0 0 0 rgba(255,193,7,0)}}.timeline-marker i{font-size:1.1rem}.timeline-content{background:white;padding:20px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.timeline-item.completed .timeline-content{background:#d4edda;border-color:#28a745}.timeline-item.active .timeline-content{background:#fff3cd;border-color:#ffc107}.timeline-content h5{margin:0 0 8px 0;color:#2c3e50;font-size:1.1rem}.timeline-content p{margin:0 0 10px 0;color:#6c757d;font-size:0.9rem;line-height:1.4}.timeline-time{color:#17a2b8;font-size:0.8rem;font-weight:500}.timeline-action{margin-top:15px;text-align:center}.delivery-code-section{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.delivery-code-section label{color:#2c3e50;font-weight:600;font-size:1rem;margin-bottom:5px}.delivery-code-input{padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;text-align:center;width:200px;transition:all 0.3s ease}.delivery-code-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}.delivery-code-input::placeholder{color:#6c757d;text-align:center}.btn-sm{padding:8px 16px;font-size:0.9rem;border-radius:6px}.btn-success{background:#28a745;color:white;border:none}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;color:#212529;border:none}.btn-warning:hover{background:#e0a800}.btn-outline{background:transparent;color:#007bff;border:1px solid #007bff}.btn-outline:hover{background:#007bff;color:white}.success-modal{max-width:600px;width:95%}.success-celebration{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px}.celebration-icon{width:80px;height:80px;border-radius:50%;background:#28a745;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:bounce 1s ease-in-out}.celebration-icon i{font-size:2.5rem;color:white}.success-celebration h4{color:#155724;margin-bottom:10px;font-size:1.5rem}.success-celebration p{color:#155724;font-size:1.1rem}.commission-details{margin-bottom:25px}.commission-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.commission-header{margin-bottom:15px}.commission-header h5{color:#2c3e50;margin:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.commission-info{display:flex;flex-direction:column;gap:12px}.commission-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.commission-item:last-child{border-bottom:none}.commission-item.total{background:#e8f5e8;padding:12px;border-radius:8px;border:2px solid #28a745;font-weight:bold}.commission-item .label{color:#6c757d;font-size:1rem}.commission-item .value{color:#2c3e50;font-size:1rem;font-weight:500}.commission-item.total .value{color:#28a745;font-size:1.2rem}.wallet-info{margin-bottom:25px}.wallet-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.wallet-header{margin-bottom:15px}.wallet-header h5{color:#2c3e50;margin:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.wallet-balance{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px;background:#e3f2fd;border-radius:8px;border:1px solid #2196f3}.balance-label{color:#1976d2;font-size:1rem;font-weight:500}.balance-amount{color:#1976d2;font-size:1.3rem;font-weight:bold}.wallet-actions{display:flex;gap:10px;justify-content:center}.current-status-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:25px}.current-status-section h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.status-display{text-align:center}.status-time{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;color:#6c757d;font-size:0.9rem}.status-time i{color:#17a2b8}@media (max-width:768px){.traveler-search-modal{width:98%;max-width:none}.traveler-card{flex-direction:column;text-align:center;gap:15px}.traveler-details{width:100%}.detail-item{justify-content:center}.order-summary{grid-template-columns:1fr;gap:20px}.info-grid{grid-template-columns:1fr}.timeline{padding-right:20px}.timeline-item{padding-right:40px}.timeline-marker{right:-17px;width:34px;height:34px}.timeline-marker i{font-size:0.9rem}.wallet-actions{flex-direction:column;align-items:center}.wallet-actions .btn{width:100%;max-width:200px}}