.trips-page{min-height:100vh;background:#f8fafc;padding:5rem 0 1rem;position:relative;overflow-x:hidden}.trips-ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.trips-ambient-bg:after,.trips-ambient-bg:before{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:ambientFloat 15s ease-in-out infinite alternate}.trips-ambient-bg:before{top:10%;left:10%;width:50vw;height:50vw;max-width:600px;max-height:600px;background:#ff7a45}.trips-ambient-bg:after{bottom:5%;right:5%;width:60vw;height:60vw;max-width:800px;max-height:800px;background:#ffb791;animation-delay:-7s}.floating-emoji{position:absolute;font-size:2rem;z-index:2;animation:floatWithOpacity 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));text-shadow:0 2px 4px rgba(0,0,0,.15);cursor:pointer;transition:transform .3s ease,filter .3s ease;user-select:none}.floating-emoji:hover{transform:scale(1.3);filter:drop-shadow(0 6px 12px rgba(255,107,53,.4))}.floating-emoji-1{top:8%;left:8%;animation-delay:0s}.floating-emoji-2{top:15%;right:12%;animation-delay:1s}.floating-emoji-3{top:65%;left:5%;animation-delay:2s}.floating-emoji-4{top:25%;right:25%;animation-delay:3s}.floating-emoji-5{top:45%;left:15%;animation-delay:4s}.floating-emoji-6{top:75%;right:8%;animation-delay:5s}.floating-emoji-7{top:35%;left:85%;animation-delay:6s}.floating-emoji-8{top:55%;right:35%;animation-delay:7s}.floating-emoji-9{top:85%;left:25%;animation-delay:8s}.floating-emoji-10{top:20%;left:45%;animation-delay:9s}.trips-container{max-width:1200px;margin:0 auto;padding:0 1rem;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10}.trips-header{text-align:center;margin-bottom:2rem;margin-top:1rem;animation:headerSlideIn .8s ease-out;padding:2.5rem 1.5rem 2rem}.header-content{justify-content:space-between}.header-content,.header-content-centered{background:transparent;backdrop-filter:none;border-radius:0;padding:0;box-shadow:none;border:none;display:flex;align-items:center;position:relative;z-index:1}.header-content-centered{flex-direction:column;text-align:center}.header-left{flex:1;text-align:left}.header-logo{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:1rem}.logo-emoji{font-size:3rem;animation:logoBounce 2s ease-in-out infinite}.trips-title{font-size:2rem;font-weight:700;color:#ff7a45;background:linear-gradient(135deg,#ff7a45,#ff9f6e 45%,#ffb791);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;animation:tripsTitleGlow 4s ease-in-out infinite}@keyframes tripsTitleGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,122,69,.28))}50%{filter:drop-shadow(0 0 18px rgba(255,122,69,.42))}}.trips-subtitle{font-size:.9rem;color:#475569;margin:0;font-weight:400;line-height:1.6;animation:subtitleSlideUp .8s ease-out .3s both}.create-trip-section{text-align:center;margin-bottom:2rem}.trips-content{flex:1}.trip-skeleton{position:relative;display:block;overflow:hidden;background:rgba(226,232,240,.72);border-radius:999px}.trip-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:tripSkeletonShimmer 1.8s ease-in-out infinite}@keyframes tripSkeletonShimmer{to{transform:translateX(100%)}}.trip-skeleton-line{height:.95rem}.trip-skeleton-line--subtitle{width:min(100%,18rem);margin:0 auto}.trip-skeleton-card--image{width:100%;height:100%;border-radius:0}.trip-card--skeleton{pointer-events:none;min-height:200px}.trip-card--skeleton .card-image-container{background:rgba(226,232,240,.72)}.empty-state{text-align:center;padding:3.5rem 2rem 3rem;max-width:520px;margin:0 auto}.empty-state-ring{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-60%);border-radius:50%;border:2px dashed rgba(255,122,69,.15);pointer-events:none;animation:emptyRingSpin 40s linear infinite}@keyframes emptyRingSpin{to{transform:translate(-50%,-60%) rotate(1turn)}}.empty-state-hero{position:relative;width:200px;height:200px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.empty-icon{font-size:4rem;line-height:1;animation:emptyGlobePulse 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,122,69,.25))}@keyframes emptyGlobePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.empty-hero-orbit{position:absolute;inset:0;animation:emptyOrbitSpin 24s linear infinite}@keyframes emptyOrbitSpin{to{transform:rotate(1turn)}}.orbit-pill{position:absolute;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;color:#334155;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.06);animation:emptyOrbitCounter 24s linear infinite}@keyframes emptyOrbitCounter{to{transform:rotate(-1turn)}}.orbit-pill--1{top:0;left:50%;transform:translateX(-50%)}.orbit-pill--2{top:50%;right:-10px;transform:translateY(-50%)}.orbit-pill--3{bottom:0;left:50%;transform:translateX(-50%)}.orbit-pill--4{top:50%;left:-10px;transform:translateY(-50%)}.empty-state-heading{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .6rem;letter-spacing:-.02em;animation:subtitleSlideUp .6s ease-out .2s both}.empty-state-sub{font-size:.95rem;color:#64748b;line-height:1.6;max-width:380px;margin:0 auto 2rem;animation:subtitleSlideUp .6s ease-out .35s both}.empty-state-features{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap;animation:subtitleSlideUp .6s ease-out .5s both}.empty-feature{display:flex;flex-direction:column;align-items:center;gap:.35rem}.empty-feature-icon{font-size:1.6rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:rgba(255,122,69,.08);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease}.empty-feature:hover .empty-feature-icon{transform:translateY(-3px) scale(1.08);background:rgba(255,122,69,.14)}.empty-feature-label{font-size:.75rem;font-weight:600;color:#64748b;letter-spacing:.01em}.empty-state-hint{font-size:.78rem;color:#94a3b8;margin:.75rem 0 0;font-weight:500}.empty-state-btn{background:#ff6b35;color:white;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-state-btn:hover{background:#e55a1a;transform:translateY(-1px)}.trip-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.trip-list-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.trip-card-wrapper{width:100%;display:block;clear:both;margin-bottom:1.5rem}.trip-card{background:rgba(255,255,255,.55);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border-radius:28px;box-shadow:0 12px 32px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 20px rgba(255,255,255,.4);overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:row;width:100%!important;max-width:none!important;min-height:200px;border:1px solid rgba(255,255,255,.8);position:relative}.trip-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(40rem 40rem at 20% -10%,rgba(255,255,255,.6),transparent 60%);z-index:0}.trip-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(0,0,0,.06),0 12px 24px rgba(255,122,69,.04),inset 0 1px 0 rgba(255,255,255,.95);border-color:rgba(255,255,255,.95);background:rgba(255,255,255,.7)}.trip-card .card-image-container{position:relative;overflow:hidden;width:46%;flex-shrink:0;background:linear-gradient(135deg,#e8e8e8,#d8d8d8);border-radius:28px 0 0 28px;z-index:1}.trip-list-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease;filter:brightness(1.02) saturate(1.05)}.trip-card:hover .trip-list-image{transform:scale(1.07);filter:brightness(1.1) saturate(1.15) contrast(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,120,60,.6),rgba(255,80,40,.4));display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(4px);z-index:2}.trip-card:hover .card-overlay{opacity:1}.view-details{color:white;font-size:1.15rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.25);letter-spacing:.02em;transform:translateY(10px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.trip-card:hover .view-details{transform:translateY(0)}.trip-details{padding:1.6rem 1.8rem 1.4rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.7rem;width:52%;background:transparent;position:relative;z-index:1}.trip-details:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.85),transparent)}.trip-title{font-size:1.35rem;font-weight:800;line-height:1.2;margin:0;letter-spacing:-.03em;padding-right:2.75rem;color:#0f172a}.trip-details .trip-actions{position:absolute;top:1.2rem;right:1.2rem;z-index:5}.trip-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.82rem;color:#64748b;font-weight:500;letter-spacing:-.01em}.trip-meta-sep{color:#cbd5e1}.trip-meta-item{white-space:nowrap}.trip-stats-row{display:flex;align-items:stretch;margin-top:auto;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.06)}@media (max-width:768px){.trips-container{padding:0 1rem}.trips-title{font-size:1.75rem}.trips-subtitle{font-size:.9rem}.logo-emoji{font-size:1.75rem}.trip-list-grid{grid-template-columns:1fr;gap:1rem}.trip-card{flex-direction:column;min-height:auto}.trip-card .card-image-container{width:100%;height:220px;border-radius:28px 28px 0 0}.trip-details{width:100%}.trip-title{font-size:1.15rem}.empty-state-hero{width:160px;height:160px}.empty-state-ring{width:220px;height:220px}.orbit-pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.9)}.empty-state-features{gap:.75rem}.empty-feature-icon{width:42px;height:42px;font-size:1.35rem}}@media (max-width:480px){.trips-page{padding-top:5rem}.trips-title{font-size:1.5rem}.trip-card .card-image-container{height:160px}}@media (prefers-reduced-motion:reduce){.card-overlay,.empty-hero-orbit,.empty-icon,.empty-state-features,.empty-state-heading,.empty-state-ring,.empty-state-sub,.floating-emoji,.logo-emoji,.orbit-pill,.trip-card,.trip-list-image,.trip-skeleton:after,.trips-ambient-bg:after,.trips-ambient-bg:before,.trips-header,.trips-subtitle,.trips-title{animation:none!important;transition:none!important}}.error-state{text-align:center;padding:4rem 2rem;border-color:rgba(255,200,200,.8)}.error-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.6}.error-state h3{font-size:1.3rem;color:#d32f2f;margin:0 0 1rem;font-weight:600}.error-state p{font-size:1rem;color:#86868b;margin:0 0 2rem}.error-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.retry-btn{background:#ff6b35;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:white;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#e55a1a;transform:translateY(-1px)}@media (max-width:768px){.trips-ambient-bg:before{filter:none;background:radial-gradient(circle,rgba(255,122,69,.5) 0,transparent 70%)}.trips-ambient-bg:after{filter:none;background:radial-gradient(circle,rgba(255,183,145,.5) 0,transparent 70%)}.floating-emoji{animation:none;opacity:.7}.trips-title{filter:drop-shadow(0 0 8px rgba(255,122,69,.28))}.empty-hero-orbit,.empty-state-ring,.orbit-pill,.trips-title{animation:none}.trip-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.88)}}