.trip-timeline{padding:1rem 0}.timeline-header{margin-bottom:2.5rem}.timeline-header h2{margin:0 0 .5rem;color:#222f47;font-size:1.5rem;font-weight:900}.timeline-summary{color:#64748b;font-size:.875rem;margin:0;font-weight:500}.timeline-container{position:relative;padding:1rem 0}.timeline-day{position:relative;margin-bottom:3.5rem;display:grid;grid-template-columns:100px 1fr;gap:2rem}.timeline-connector{position:absolute;left:49px;top:80px;width:2px;height:calc(100% + 3.5rem);background:linear-gradient(180deg,#5c9e9a,#222f47)}.timeline-day:last-child .timeline-connector{display:none}.timeline-node{width:100px;height:100px;background:#fff;border:4px solid #5C9E9A;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#5c9e9a;position:relative;z-index:1;box-shadow:0 10px 25px #5c9e9a26;transition:all .3s}.timeline-node.completed{background:#5c9e9a;color:#fff;border-color:#5c9e9a;box-shadow:0 10px 25px #5c9e9a4d}.timeline-node.end{width:80px;height:80px;border:3px dashed #5C9E9A;margin-left:10px;box-shadow:none;color:#5c9e9a}.day-number{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;padding:.5rem}.timeline-content{padding:2rem;background:#fff;border-radius:25px;border:1px solid #f1f5f9;box-shadow:0 10px 30px #00000004;transition:all .3s}.timeline-content:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000008}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.day-header h3{margin:0;color:#222f47;font-size:1.25rem;font-weight:800}.day-date{color:#94a3b8;font-size:.8125rem;font-weight:700}.badge-completed{background:#d1fae5;color:#065f46;padding:.25rem .75rem;border-radius:20px;font-size:.65rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.day-location{color:#5c9e9a;margin:.5rem 0;font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.day-description{color:#475569;font-size:.9375rem;line-height:1.7;margin:1rem 0}.activity-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:20px;margin:1.25rem 0;background:#f8fafc;border:1px solid #f1f5f9}.activity-icon{font-size:1.75rem;background:#fff;width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000005}.activity-details{flex:1}.activity-type{display:block;font-size:.875rem;font-weight:800;color:#222f47;margin-bottom:.25rem}.activity-times{display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:#64748b;font-weight:700}.time-label{color:#94a3b8}.time{color:#5c9e9a;font-weight:800}.day-image{margin:1.25rem 0;border-radius:20px;overflow:hidden;max-height:250px;border:1px solid #f1f5f9}.day-image img{width:100%;height:100%;object-fit:cover}.day-notes{background:#eff6ff;border-left:4px solid #2563eb;padding:1.25rem 1.5rem;border-radius:15px;margin:1.25rem 0;font-size:.875rem;color:#1e3a8a;line-height:1.6}.timeline-end{display:grid;grid-template-columns:100px 1fr;gap:2rem}.timeline-end .timeline-content h3{color:#5c9e9a;font-size:1.35rem;font-weight:900}.timeline-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:3rem;padding-top:2.5rem;border-top:2px solid #f1f5f9}.stat{background:#fff;padding:1.5rem;border-radius:25px;text-align:center;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000001}.stat-label{display:block;color:#64748b;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{display:block;font-size:1.75rem;font-weight:900;color:#222f47}.timeline-loading,.timeline-error,.timeline-empty{text-align:center;padding:3rem;color:#64748b;background:#fff;border-radius:25px;border:1px solid #f1f5f9}.spinner{font-size:2rem;animation:spin 3s linear infinite;margin-bottom:1rem}.empty-icon{font-size:2.5rem;margin-bottom:1rem}@media(max-width:768px){.timeline-day,.timeline-end{grid-template-columns:1fr;gap:1rem}.timeline-connector{display:none}.timeline-node{width:60px;height:60px}.timeline-node.end{width:60px;height:60px;margin-left:0}.day-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.trip-detail-page{min-height:100vh;background:#f9fafb}.trip-header{position:relative;height:300px;overflow:hidden}.header-image{width:100%;height:100%;object-fit:cover}.header-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#222f47,#5c9e9a);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff}.header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(34,47,71,.9) 0%,rgba(34,47,71,.4) 60%,transparent 100%);padding:2rem;color:#fff;display:flex;align-items:flex-end}.header-content{width:100%}.btn-back-small{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:.5rem 1rem;border-radius:30px;cursor:pointer;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;transition:all .3s}.btn-back-small:hover{background:#fff;color:#222f47}.trip-header h1{font-size:2.25rem;font-weight:900;letter-spacing:-.03em;margin:0 0 .5rem;color:#fff}.trip-header .destination{font-size:.875rem;color:#fffc;font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin:0 0 1rem}.status-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:30px;font-[9px] font-black uppercase tracking-[.2em]}.status-confirmed,.status-paid{background:#d1fae5;color:#065f46;border:1px solid rgba(6,95,70,.1)}.status-pending{background:#fef3c7;color:#92400e;border:1px solid rgba(146,64,14,.1)}.status-cancelled{background:#fee2e2;color:#991b1b;border:1px solid rgba(153,27,27,.1)}.status-completed{background:#dbeafe;color:#1e40af;border:1px solid rgba(30,64,175,.1)}.trip-content{padding:3rem 1.5rem}.trip-container{max-w:1100px;margin:0 auto}.trip-info-section{background:#fff;padding:2.5rem;border-radius:35px;border:1px solid #f1f5f9;box-shadow:0 10px 40px #00000005;margin-bottom:2.5rem}.trip-info-section h2,.trip-tabs-section h2,.trip-description-section h2{font-size:1.5rem;font-weight:900;color:#222f47;letter-spacing:-.02em;margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem}.info-card{background:#f8fafc;padding:1.5rem;border-radius:20px;border:1px solid #f1f5f9;display:flex;flex-direction:column}.info-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#5c9e9a;letter-spacing:.1em;margin-bottom:.5rem}.info-value{font-size:1.125rem;font-weight:800;color:#222f47}.payment-progress{border-top:1px solid #f1f5f9;padding-top:2rem}.progress-label{display:flex;justify-content:space-between;font-[10px] font-black uppercase tracking-wider text-[#222F47] mb-0.5rem}.progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5c9e9a,#222f47);border-radius:10px;transition:width .5s ease-in-out}.tabs-header{display:flex;gap:.5rem;border-bottom:2px solid #f1f5f9;margin-bottom:2rem;flex-wrap:wrap}.tab-button{padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;font-size:.75rem;font-weight:800;color:#64748b;border-bottom:3px solid transparent;text-transform:uppercase;letter-spacing:.1em;transition:all .3s}.tab-button.active{color:#5c9e9a;border-bottom-color:#5c9e9a}.tab-button:hover{color:#222f47}.passengers-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.passenger-card{background:#fff;padding:2rem;border-radius:25px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000003}.passenger-header{display:flex;justify-content:space-between;align-items:center;border-b:1px solid #f8fafc;padding-bottom:1rem;margin-bottom:1rem}.passenger-header h3{font-size:1.125rem;font-weight:800;color:#222f47;margin:0}.badge-primary{background:#eff6ff;color:#2563eb;padding:.25rem .75rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.passenger-info{font-size:.875rem;color:#475569;space-y:.5rem}.passenger-info p{margin:.5rem 0}.documents-list{display:grid;gap:1rem}.document-card{background:#fff;padding:1.5rem 2rem;border-radius:25px;border:1px solid #f1f5f9;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #00000003}.document-icon{font-size:2rem}.document-info{flex:1}.document-info h4{font-size:1rem;font-weight:800;color:#222f47;margin:0 0 .25rem;text-transform:capitalize}.document-info .file-name{font-size:.75rem;color:#64748b;margin:0}.badge-verified{display:inline-block;background:#d1fae5;color:#065f46;padding:.2rem .6rem;border-radius:20px;font-size:.65rem;font-weight:800;margin-top:.5rem}.btn-download{background:#222f47;color:#fff;padding:.75rem 1.5rem;border-radius:15px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:all .3s}.btn-download:hover{background:#5c9e9a;transform:translateY(-2px)}.alerts-list{display:grid;gap:1rem}.alert-card{background:#fff;padding:1.5rem 2rem;border-radius:25px;border:1px solid #f1f5f9;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #00000003}.alert-card.sent{border-left:5px solid #5C9E9A}.alert-card.pending{border-left:5px solid #e2e8f0}.alert-icon{font-size:2rem}.alert-content{flex:1}.alert-content h4{font-size:1rem;font-weight:800;color:#222f47;margin:0 0 .25rem}.alert-content p{font-size:.875rem;color:#475569;margin:0 0 .5rem}.alert-date{font-size:.75rem;color:#94a3b8;font-weight:700}.alert-status{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.alert-status.sent{color:#5c9e9a}.alert-status.pending{color:#64748b}.trip-description-section{background:#fff;padding:2.5rem;border-radius:35px;border:1px solid #f1f5f9;box-shadow:0 10px 40px #00000005;margin-top:2.5rem}.description-text{font-size:.9375rem;line-height:1.8;color:#475569;white-space:pre-line}.trip-actions{display:flex;gap:1rem;margin-top:3rem;justify-content:flex-end;flex-wrap:wrap}.btn-primary{background:#222f47;color:#fff;border:none;padding:1rem 2rem;border-radius:20px;font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#5c9e9a;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#222f47;border:1px solid #e2e8f0;padding:1rem 2rem;border-radius:20px;font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#f8fafc;color:#5c9e9a;border-color:#5c9e9a;transform:translateY(-2px)}.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid rgba(153,27,27,.1);padding:1rem 2rem;border-radius:20px;font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s}.btn-danger:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.empty-state{text-align:center;color:#94a3b8;font-size:.875rem;font-style:italic;padding:3rem;background:#f8fafc;border-radius:25px;border:2px dashed #e2e8f0}.trip-detail-loading,.trip-detail-error{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem}.trip-detail-loading p{color:#64748b;font-size:.875rem;font-weight:700}.spinner{font-size:3rem;animation:spin 3s linear infinite;margin-bottom:1.5rem}.error-icon{font-size:3rem;margin-bottom:1.5rem}.btn-back{margin-top:1.5rem;background:#222f47;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:15px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s}.btn-back:hover{background:#5c9e9a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.trip-header{height:220px}.trip-header h1{font-size:1.75rem}.info-grid{grid-template-columns:repeat(2,1fr)}.tab-button{padding:.75rem;font-size:.6875rem}.trip-actions{flex-direction:column}.trip-actions button{width:100%}}