.trip-card-expand-enter{opacity:0;transform:translateY(-10px);max-height:0}.trip-card-expand-enter-active{transition:opacity .3s ease-in-out,transform .3s ease-in-out,max-height .3s ease-in-out}.trip-card-expand-enter-active,.trip-card-expand-exit{opacity:1;transform:translateY(0);max-height:1000px}.trip-card-expand-exit-active{opacity:0;transform:translateY(-10px);max-height:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,max-height .3s ease-in-out}.unified-trip-card.collapsed{max-height:200px;overflow:hidden}.unified-trip-card.collapsed .trip-card-header{padding:1rem}.unified-trip-card.collapsed .trip-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.unified-trip-card.collapsed .trip-card-badges{margin-bottom:.5rem}.unified-trip-card.collapsed .trip-card-badge{font-size:.75rem;padding:.25rem .5rem}.unified-trip-card.collapsed .trip-card-dates{margin-bottom:.75rem}.unified-trip-card.collapsed .trip-date{font-size:.875rem;color:#6b7280}.trip-card-collapsed-content{margin-top:.5rem}.trip-card-essential-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.trip-stat-essential{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:#374151;background:#f3f4f6;padding:.25rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb}.trip-stat-essential.budget{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.trip-card-description-preview{font-size:.875rem;color:#6b7280;line-height:1.4;margin:0;font-style:italic}.unified-trip-card.collapsed .trip-card-expand-btn{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.9);border:1px solid #e5e7eb;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s ease-in-out}.unified-trip-card.collapsed .trip-card-expand-btn:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:scale(1.05)}.trip-card-action-bar{background:#f8fafc;border-top:1px solid #e2e8f0;padding:.75rem 1rem;margin-top:auto}.trip-action-buttons{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.trip-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.trip-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trip-action-btn.edit-btn:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.trip-action-btn.share-btn:hover{background:#dcfce7;border-color:#22c55e;color:#22c55e}.trip-action-btn.unshare-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.trip-action-btn.favorite-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.trip-action-btn.hide-btn:hover{background:#f3f4f6;border-color:#6b7280;color:#6b7280}.trip-action-btn.delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.trip-action-btn.delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px rgba(220,38,38,.2)}.trip-actions-dropdown{position:relative}.trip-actions-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#64748b;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out}.trip-actions-trigger:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trip-actions-menu-items{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:.5rem 0;min-width:160px;z-index:1000;display:none}.trip-actions-menu-items.show{display:block}.trip-action-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;border:none;background:none;color:#374151;font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .2s ease-in-out}.trip-action-menu-item:hover{background:#f3f4f6}.trip-action-menu-item.delete-item{color:#dc2626}.trip-action-menu-item.delete-item:hover{background:#fef2f2;color:#dc2626}.trip-action-menu-item:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.trip-action-buttons{gap:.25rem}.trip-action-btn{width:1.75rem;height:1.75rem;font-size:.75rem}.trip-actions-trigger{width:1.75rem;height:1.75rem;font-size:.875rem}}.trip-card-content{transition:all .3s ease-in-out;overflow:hidden}.trip-card-content.collapsed{max-height:0;opacity:0;padding:0;margin:0}.trip-card-content.expanded{max-height:2000px;opacity:1;padding:1rem;margin:.5rem 0}.expand-collapse-button{transition:all .2s ease-in-out}.expand-collapse-button:hover{transform:scale(1.05)}.expand-collapse-button:active{transform:scale(.95)}.trip-card{transition:all .2s ease-in-out;border:2px solid transparent}.trip-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#e5e7eb}.trip-card.expanded{border-color:#3b82f6;box-shadow:0 8px 25px rgba(59,130,246,.15)}.expand-indicator{transition:transform .2s ease-in-out}.expand-indicator.expanded{transform:rotate(180deg)}.trip-count-badge{transition:all .2s ease-in-out}.trip-count-badge:hover{transform:scale(1.1)}.view-mode-toggle{transition:all .2s ease-in-out}.view-mode-toggle.active{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#3b82f6;font-weight:600}.expand-collapse-all{transition:all .2s ease-in-out}.expand-collapse-all:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.expand-collapse-all:active{transform:translateY(0)}.home-trips-grid,.trip-card-grid-item{transition:all .3s ease-in-out}@media (max-width:768px){.expand-collapse-all:hover,.trip-card:hover{transform:none}}.trip-card-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.trip-card-grid-item:first-child{animation-delay:0ms}.trip-card-grid-item:nth-child(2){animation-delay:.1s}.trip-card-grid-item:nth-child(3){animation-delay:.2s}.trip-card-grid-item:nth-child(4){animation-delay:.3s}.trip-card-grid-item:nth-child(5){animation-delay:.4s}.trip-card-grid-item:nth-child(6){animation-delay:.5s}.trip-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(12,60,96,.08);transition:all .2s ease;cursor:pointer}.trip-card:hover{box-shadow:0 4px 12px rgba(12,60,96,.12);transform:translateY(-2px);border-color:rgba(232,119,34,.2)}.trip-card-header{padding:1.5rem;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.status-badge{padding:6px 12px;border-radius:8px;background:hsla(0,0%,100%,.25);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid hsla(0,0%,100%,.3)}.trip-card-details{padding:1.5rem;background:#fff}.trip-actions-visible{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f3f5}.trip-actions-visible button{padding:8px;border-radius:8px;transition:all .15s ease;opacity:.7}.trip-actions-visible button:hover{opacity:1;transform:scale(1.1);background:rgba(232,119,34,.08)}.trip-card-header.gradient-purple-pink{background:linear-gradient(135deg,#9333ea,#ec4899)}.trip-card-header.gradient-blue-purple{background:linear-gradient(135deg,#2563eb,#9333ea)}.trip-card-header.gradient-green-blue{background:linear-gradient(135deg,#16a34a,#3b82f6)}.trip-card-header.gradient-orange-red{background:linear-gradient(135deg,#ea580c,#ef4444)}.trip-card-header.gradient-teal-green{background:linear-gradient(135deg,#0d9488,#16a34a)}.trip-card-header.gradient-indigo-purple{background:linear-gradient(135deg,#4f46e5,#9333ea)}.trip-actions-hover button{transition:all .2s ease}.trip-actions-hover button:hover{transform:scale(1.1)}.trips-grid{display:grid!important;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;max-width:100%;width:100%}@media (max-width:767px){.trips-grid{grid-template-columns:1fr!important;gap:1.25rem}}@media (min-width:768px) and (max-width:1023px){.trips-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}}@media (min-width:1024px) and (max-width:1919px){.trips-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}}@media (min-width:1920px){.trips-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))!important;gap:2.5rem}}.trip-card{min-width:350px!important;max-width:100%;width:100%;display:block!important}.home-trips-grid .trips-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}@media (max-width:767px){.home-trips-grid .trips-grid{grid-template-columns:1fr!important}}@media (min-width:768px) and (max-width:1023px){.home-trips-grid .trips-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px) and (max-width:1919px){.home-trips-grid .trips-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1920px){.home-trips-grid .trips-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))!important}}.status-badge.text-orange-600{color:#ea580c}.status-badge.text-yellow-600{color:#ca8a04}.status-badge.text-blue-600{color:#2563eb}.status-badge.text-green-600{color:#16a34a}.status-badge.text-purple-600{color:#9333ea}.trip-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.25}.trip-card p{color:hsla(0,0%,100%,.9);font-size:.875rem;line-height:1.625}.trip-card-details h4{font-weight:600;color:#0c3c60;margin-bottom:.5rem}.trip-card-details .metadata{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6c757d}.trip-card-details .metadata span{display:flex;align-items:center;gap:.25rem}@media (max-width:640px){.trip-card-header{padding:1rem;min-height:160px}.trip-card-details{padding:1rem}.trip-card h3{font-size:1.25rem}.trips-grid{grid-template-columns:1fr!important}}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);margin-top:var(--space-8);align-items:stretch}@media (max-width:767px){.routes-grid{grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-6)}}@media (min-width:768px) and (max-width:1023px){.routes-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (min-width:1024px) and (max-width:1919px){.routes-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (min-width:1920px){.routes-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--space-10)}}.routes-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-12)}.loading-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-4)}.loading-description{font-size:var(--text-base);color:var(--gray-600);text-align:center;max-width:400px}.routes-grid-empty{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--space-12)}.empty-state{text-align:center;max-width:400px}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-700);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--gray-600);line-height:var(--leading-relaxed)}