.ts-page{min-height:100vh;background:#f8fafc;padding:5rem 0 2rem;position:relative;overflow-x:hidden}.ts-ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.ts-ambient-bg:after,.ts-ambient-bg:before{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:ambientFloat 15s ease-in-out infinite alternate}.ts-ambient-bg:before{top:10%;left:10%;width:50vw;height:50vw;max-width:600px;max-height:600px;background:#4ade80}.ts-ambient-bg:after{bottom:5%;right:5%;width:60vw;height:60vw;max-width:800px;max-height:800px;background:#86efac;animation-delay:-7s}.ts-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));cursor:pointer;transition:transform .3s ease,filter .3s ease;user-select:none}.ts-floating-emoji:hover{transform:scale(1.3);filter:drop-shadow(0 6px 12px rgba(34,197,94,.4))}.ts-floating-emoji-1{top:8%;left:8%;animation-delay:0s}.ts-floating-emoji-2{top:15%;right:12%;animation-delay:1s}.ts-floating-emoji-3{top:65%;left:5%;animation-delay:2s}.ts-floating-emoji-4{top:25%;right:25%;animation-delay:3s}.ts-floating-emoji-5{top:45%;left:15%;animation-delay:4s}.ts-floating-emoji-6{top:75%;right:8%;animation-delay:5s}.ts-floating-emoji-7{top:35%;left:85%;animation-delay:6s}.ts-floating-emoji-8{top:55%;right:35%;animation-delay:7s}.ts-floating-emoji-9{top:85%;left:25%;animation-delay:8s}.ts-floating-emoji-10{top:20%;left:45%;animation-delay:9s}.ts-container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem);min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10;animation:tsContainerIn .8s ease-out}@keyframes tsContainerIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ts-header{text-align:center;margin:1rem 0 1.5rem;padding:1.25rem 1.75rem;background:rgba(255,255,255,.6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.5);position:relative;overflow:hidden;animation:headerSlideIn .8s ease-out .2s both}.ts-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.12) 0,rgba(21,128,61,.04) 30%,transparent 70%);animation:tsSunbeam 15s linear infinite;z-index:0}@keyframes tsSunbeam{0%{transform:rotate(0deg) scale(1.2)}to{transform:rotate(1turn) scale(1.2)}}.ts-header-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.ts-header-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.25rem}.ts-logo-emoji{font-size:2rem;animation:logoBounce 2s ease-in-out infinite}.ts-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#15803d,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;animation:tsTitleGlow 4s ease-in-out infinite}@keyframes tsTitleGlow{0%,to{filter:drop-shadow(0 0 8px rgba(21,128,61,.3))}50%{filter:drop-shadow(0 0 20px rgba(21,128,61,.5))}}.ts-subtitle{font-size:.9rem;color:#666;margin:0;font-weight:400;letter-spacing:.5px;animation:subtitleSlideUp .8s ease-out .4s both}.ts-header-stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;position:relative;z-index:1}.ts-stat-item{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.6);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(0,0,0,.08);animation:tsStatIn .6s ease-out both}.ts-stat-item:first-child{animation-delay:.6s}.ts-stat-item:nth-child(2){animation-delay:.8s}.ts-stat-item:nth-child(3){animation-delay:1s}@keyframes tsStatIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ts-stat-item:hover{background:rgba(21,128,61,.1);border-color:rgba(21,128,61,.3);transform:translateY(-3px) scale(1.03);box-shadow:0 12px 35px rgba(21,128,61,.15)}.ts-stat-icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:tsIconFloat 3s ease-in-out infinite}@keyframes tsIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ts-stat-content{display:flex;flex-direction:column;align-items:flex-start}.ts-stat-number{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#15803d,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}.ts-stat-label{font-size:.75rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}.ts-content{flex:1;padding-bottom:.5rem}.ts-trip-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.ts-empty-state{text-align:center;padding:3.5rem 2rem 3rem;max-width:520px;margin:0 auto}.ts-empty-ring{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-60%);border-radius:50%;border:2px dashed rgba(34,197,94,.15);pointer-events:none;animation:tsEmptyRingSpin 40s linear infinite}@keyframes tsEmptyRingSpin{to{transform:translate(-50%,-60%) rotate(1turn)}}.ts-empty-hero{position:relative;width:200px;height:200px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.ts-empty-icon{font-size:4rem;line-height:1;animation:tsEmptyPulse 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(34,197,94,.25))}@keyframes tsEmptyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ts-empty-orbit{position:absolute;inset:0;animation:tsOrbitSpin 24s linear infinite}@keyframes tsOrbitSpin{to{transform:rotate(1turn)}}.ts-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:tsOrbitCounter 24s linear infinite}@keyframes tsOrbitCounter{to{transform:rotate(-1turn)}}.ts-orbit-pill--1{top:0;left:50%;transform:translateX(-50%)}.ts-orbit-pill--2{top:50%;right:-10px;transform:translateY(-50%)}.ts-orbit-pill--3{bottom:0;left:50%;transform:translateX(-50%)}.ts-orbit-pill--4{top:50%;left:-10px;transform:translateY(-50%)}.ts-empty-heading{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .6rem;letter-spacing:-.02em;animation:subtitleSlideUp .6s ease-out .2s both}.ts-empty-sub{font-size:.95rem;color:#64748b;line-height:1.6;max-width:380px;margin:0 auto 2rem;animation:subtitleSlideUp .6s ease-out .35s both}.ts-empty-features{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap;animation:subtitleSlideUp .6s ease-out .5s both}.ts-empty-feature{display:flex;flex-direction:column;align-items:center;gap:.35rem}.ts-empty-feature-icon{font-size:1.6rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:rgba(34,197,94,.08);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease}.ts-empty-feature:hover .ts-empty-feature-icon{transform:translateY(-3px) scale(1.08);background:rgba(34,197,94,.14)}.ts-empty-feature-label{font-size:.75rem;font-weight:600;color:#64748b;letter-spacing:.01em}.ts-empty-state-btn{background:#22c55e;color:white;border:none;border-radius:14px;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 14px rgba(34,197,94,.25)}.ts-empty-state-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,.3)}.ts-empty-hint{font-size:.78rem;color:#94a3b8;margin:.75rem 0 0;font-weight:500}.ts-error-container,.ts-loading-container{text-align:center;padding:4rem 2rem;color:#1d1d1f}.ts-loading-spinner{animation:spin 2s linear infinite}.ts-error-icon,.ts-loading-spinner{font-size:2.5rem;margin-bottom:1rem;display:block}.ts-error-icon{opacity:.6}.ts-retry-btn{background:#22c55e;border:none;color:white;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}.ts-retry-btn:hover{background:#16a34a;transform:translateY(-1px)}.ts-login-required{text-align:center;padding:4rem 2rem}@media (max-width:768px){.ts-container{padding:0 1rem}.ts-header{margin:.75rem 0 1.25rem}.ts-title{font-size:1.75rem}.ts-subtitle{font-size:.85rem}.ts-logo-emoji{font-size:1.75rem}.ts-trip-grid{gap:1rem}}@media (max-width:480px){.ts-page{padding:5.25rem 0 1.25rem}.ts-container{padding:0 .75rem}.ts-header{padding:1rem;margin-bottom:1rem}.ts-title{font-size:1.5rem}.ts-content{padding-bottom:.25rem}}@media (prefers-reduced-motion:reduce){.ts-ambient-bg:after,.ts-ambient-bg:before,.ts-container,.ts-empty-features,.ts-empty-heading,.ts-empty-icon,.ts-empty-orbit,.ts-empty-ring,.ts-empty-sub,.ts-floating-emoji,.ts-header,.ts-header:before,.ts-loading-spinner,.ts-logo-emoji,.ts-orbit-pill,.ts-stat-icon,.ts-stat-item,.ts-subtitle,.ts-title,.tsc-card,.tsc-image,.tsc-image-overlay,.tsc-panel,.tsc-panel-spinner,.tsc-view-trip-btn{animation:none!important;transition:none!important}}.tsc-wrapper{width:100%;margin-bottom:1.5rem}.tsc-card{position:relative;background:rgba(255,255,255,.52);backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);border-radius:28px;border:1px solid rgba(255,255,255,.82);border-top-color:rgba(255,255,255,.96);box-shadow:inset 0 2px 1px rgba(255,255,255,.9),0 16px 40px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04);overflow:hidden;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s cubic-bezier(.2,.8,.2,1),background .42s ease;cursor:pointer}.tsc-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.68);box-shadow:inset 0 2px 1px rgba(255,255,255,.95),0 28px 64px rgba(0,0,0,.08),0 8px 24px rgba(74,222,128,.06);border-color:rgba(255,255,255,.95)}.tsc-card:focus-visible{outline:2px solid rgba(21,128,61,.45);outline-offset:4px}.tsc-wrapper--loading{margin-bottom:0}.tsc-card--loading{cursor:default;pointer-events:none;background:rgba(255,255,255,.58)}.tsc-card--loading:hover{transform:none;background:rgba(255,255,255,.58);box-shadow:inset 0 2px 1px rgba(255,255,255,.9),0 16px 40px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04);border-color:rgba(255,255,255,.82)}.tsc-card--expanded{transform:none!important}.tsc-glare{pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(50rem 24rem at 30% -8%,rgba(255,255,255,.65),transparent 55%);z-index:1}.tsc-main-row{display:flex;flex-direction:row;min-height:220px;position:relative;z-index:2}.tsc-image-wrap{position:relative;width:46%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#e8e8e8,#d8d8d8);border-radius:28px 0 0 28px}.tsc-card--expanded .tsc-image-wrap{border-radius:28px 0 0 0}.tsc-image-wrap--loading{background:transparent}.tsc-skeleton-image{width:100%;height:100%;min-height:220px;border-radius:28px 0 0 28px;padding:0}.tsc-skeleton-role-badge{position:absolute;bottom:.75rem;left:.75rem;z-index:4;width:6.5rem;height:1.9rem;border-radius:999px}.tsc-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease;filter:brightness(1.02) saturate(1.05)}.tsc-card:hover .tsc-image{transform:scale(1.07);filter:brightness(1.1) saturate(1.15) contrast(1.05)}.tsc-image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.55),rgba(21,128,61,.4));backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .38s ease;z-index:3}.tsc-card:hover .tsc-image-overlay{opacity:1}.tsc-image-label{color:#fff;font-size:1rem;font-weight:700;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.25);transform:translateY(6px);transition:transform .38s cubic-bezier(.2,.8,.2,1)}.tsc-card:hover .tsc-image-label{transform:translateY(0)}.tsc-role-badge{position:absolute;bottom:.75rem;left:.75rem;z-index:4;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:.3rem .75rem;font-size:.78rem;font-weight:700;color:#334155;box-shadow:0 4px 12px rgba(0,0,0,.1);letter-spacing:-.01em}.tsc-role-badge--owner{background:rgba(255,215,0,.22);border-color:rgba(255,195,0,.45);color:#92400e}.tsc-info{flex:1;padding:1.6rem 1.8rem 1.4rem;display:flex;flex-direction:column;justify-content:space-between;gap:.85rem;position:relative}.tsc-info:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.85),transparent)}.tsc-info--loading{gap:1rem}.tsc-actions{top:1.2rem;right:1.2rem;display:flex;gap:.5rem;z-index:5}.tsc-actions,.tsc-actions--loading{position:absolute}.tsc-skeleton-action{width:6.75rem;height:2.25rem;border-radius:999px}.tsc-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.65);backdrop-filter:blur(16px);color:#334155;box-shadow:0 4px 12px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9);transition:all .28s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.tsc-action-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.95);background:rgba(255,255,255,.88)}.tsc-action-btn--expense:hover{color:#15803d;border-color:rgba(34,197,94,.45);box-shadow:0 8px 20px rgba(34,197,94,.15),inset 0 1px 0 rgba(255,255,255,.95)}.tsc-action-btn--people:hover{color:#1d4ed8;border-color:rgba(99,102,241,.35);box-shadow:0 8px 20px rgba(99,102,241,.12),inset 0 1px 0 rgba(255,255,255,.95)}.tsc-action-icon{font-size:1rem;line-height:1}.tsc-trip-name{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.03em;line-height:1.2;flex:1;min-width:0}.tsc-skeleton-title{width:min(100%,18rem);height:2rem;margin-top:.15rem}.tsc-meta-list{display:flex;flex-direction:column;gap:.55rem}.tsc-meta-pill{display:flex;align-items:center;gap:.7rem;padding:.55rem .95rem;background:rgba(255,255,255,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.82);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.025);transition:all .28s cubic-bezier(.2,.8,.2,1)}.tsc-meta-pill:hover{background:rgba(255,255,255,.82);transform:translateX(3px);border-color:rgba(255,255,255,.95);box-shadow:0 4px 14px rgba(74,222,128,.08)}.tsc-meta-pill--loading{transform:none}.tsc-skeleton-meta-icon{width:30px;height:30px;border-radius:9px;flex-shrink:0}.tsc-skeleton-meta-text{width:min(100%,14rem);height:.95rem}.tsc-meta-pill--total{background:rgba(255,122,69,.08);border-color:rgba(255,122,69,.22)}.tsc-meta-pill--total:hover{background:rgba(255,122,69,.14)}.tsc-meta-icon{font-size:1.05rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);border-radius:9px;flex-shrink:0;box-shadow:0 3px 8px rgba(0,0,0,.04);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tsc-meta-pill:hover .tsc-meta-icon{transform:scale(1.12)}.tsc-meta-text{font-size:.9rem;font-weight:600;color:#334155;letter-spacing:-.01em;line-height:1.3}.tsc-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tsc-view-trip-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.65);backdrop-filter:blur(16px);font-size:1rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9);transition:all .28s cubic-bezier(.34,1.56,.64,1);line-height:1}.tsc-view-trip-btn:hover{transform:translateY(-2px) scale(1.08);background:rgba(255,255,255,.9);border-color:rgba(99,102,241,.35);box-shadow:0 8px 20px rgba(99,102,241,.12),inset 0 1px 0 rgba(255,255,255,.95)}.tsc-trip-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;font-size:.82rem;color:#64748b;font-weight:500;letter-spacing:-.01em}.tsc-meta-sep{color:#cbd5e1}.tsc-meta-item{white-space:nowrap}.tsc-stats-row{display:flex;align-items:stretch;margin-top:auto;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.06)}.card-stat--total .card-stat__value{background:linear-gradient(135deg,#15803d,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tsc-skeleton-view-btn{width:2.25rem;height:2.25rem;border-radius:10px;flex-shrink:0}.tsc-skeleton-meta-line{width:min(100%,18rem);height:.82rem}.tsc-skeleton-stat-value{width:3rem;height:1.1rem}.tsc-skeleton-stat-label{width:4rem;height:.68rem}.tsc-share-chip{display:inline-flex;align-items:center;gap:.55rem;align-self:flex-start;padding:.55rem 1.1rem;background:rgba(255,122,69,.1);border:1px solid rgba(255,122,69,.28);border-radius:999px;backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(255,122,69,.1),inset 0 1px 0 rgba(255,255,255,.7);transition:all .28s ease}.tsc-share-chip:hover{background:rgba(255,122,69,.16);transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,122,69,.15)}.tsc-share-icon{font-size:1rem}.tsc-share-label{font-size:.82rem;font-weight:600;color:#92400e;letter-spacing:-.01em}.tsc-share-amount{font-size:1.05rem;font-weight:800;color:#c2410c;letter-spacing:-.02em}.tsc-share-chip--loading:hover{transform:none;box-shadow:0 4px 12px rgba(255,122,69,.1),inset 0 1px 0 rgba(255,255,255,.7)}.tsc-skeleton-share-icon{width:1rem;height:1rem;border-radius:999px}.tsc-skeleton-share-label{width:8.5rem;height:.82rem}.tsc-skeleton-share-value{width:3rem;height:1rem}.tsc-expand-hint{align-self:flex-start;font-size:.78rem;font-weight:600;color:#94a3b8;letter-spacing:.02em;cursor:pointer;transition:color .2s ease;user-select:none}.tsc-expand-hint:hover{color:#475569}.tsc-expand-hint--loading:hover{color:#94a3b8}.tsc-skeleton-hint{width:min(100%,16rem);height:.78rem}.tsc-panel{border-top:1px solid rgba(255,255,255,.6);padding:1.5rem 1.8rem 1.8rem;background:rgba(255,255,255,.38);position:relative;z-index:2;animation:tscPanelIn .38s cubic-bezier(.2,.8,.2,1) both}@keyframes tscPanelIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tsc-panel-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:#64748b;font-size:.95rem}.tsc-panel-spinner{font-size:2rem;animation:spin 1.6s linear infinite;display:block}.tsc-seg-control{display:flex;gap:.35rem;margin-bottom:1.4rem;padding:.35rem;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.82);border-radius:999px;box-shadow:inset 0 2px 6px rgba(0,0,0,.04);backdrop-filter:blur(20px)}.tsc-seg-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .75rem;border:none;border-radius:999px;background:transparent;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .28s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.tsc-seg-tab:hover:not(.tsc-seg-tab--active){color:#1e293b;background:rgba(255,255,255,.55)}.tsc-seg-tab--active{background:#ffffff;color:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.9)}.tsc-seg-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;background:rgba(0,0,0,.06);border-radius:999px;font-size:.72rem;font-weight:700;color:#475569;line-height:1}.tsc-seg-tab--active .tsc-seg-count{background:rgba(34,197,94,.12);color:#15803d}.tsc-tab-body{max-height:340px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.tsc-tab-body::-webkit-scrollbar{width:5px}.tsc-tab-body::-webkit-scrollbar-track{background:transparent}.tsc-tab-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:999px}@media (max-width:640px){.tsc-main-row{flex-direction:column}.tsc-image-wrap{width:100%;height:200px}.tsc-card--expanded .tsc-image-wrap,.tsc-image-wrap,.tsc-skeleton-image{border-radius:28px 28px 0 0}.tsc-skeleton-image{min-height:200px}.tsc-info{padding:1.25rem 1.25rem 1rem}.tsc-trip-name{font-size:1.15rem}.tsc-seg-control{border-radius:20px;flex-direction:column;gap:.25rem}.tsc-seg-tab{border-radius:14px}.tsc-panel{padding:1rem}}.trip-participants{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;padding:.5rem;background:rgba(255,255,255,.4);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.participants-avatars{display:flex;align-items:center;margin-right:.5rem}.participant-avatar{width:28px;height:28px;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-left:-8px;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease;position:relative;z-index:1}.participant-avatar,.participant-avatar.color-0{background:linear-gradient(135deg,#22c55e,#86efac)}.participant-avatar.color-1{background:linear-gradient(135deg,#4facfe,#00f2fe)}.participant-avatar.color-2{background:linear-gradient(135deg,#a8edea,#fed6e3)}.participant-avatar.color-3{background:linear-gradient(135deg,#667eea,#764ba2)}.participant-avatar.color-4{background:linear-gradient(135deg,#f093fb,#f5576c)}.participant-avatar.color-5{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{transform:translateY(-2px) scale(1.1);z-index:3;box-shadow:0 4px 8px rgba(34,197,94,.3)}.participant-avatar.more-participants{background:linear-gradient(135deg,#86868b,#a0a0a0);font-size:.6rem;font-weight:700}.participants-count{color:#666;font-size:.75rem;font-weight:500;white-space:nowrap}.quick-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.action-btn{background:#22c55e;border:none;color:white;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#16a34a;transform:translateY(-1px)}.card-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.7);border-radius:12px;padding:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.tab{background:transparent;border:none;color:#64748b;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s ease;font-weight:600;flex:1;text-align:center}.tab.active{color:#1e293b;background:white;box-shadow:0 2px 6px rgba(0,0,0,.08)}.expenses-list{gap:1rem}.date-group,.expenses-list{display:flex;flex-direction:column}.date-group{gap:.75rem}.date-group .date-header{color:#86868b;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.expense-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:white;border-radius:12px;border:1px solid #f2f2f7;transition:all .2s ease}.expense-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.expense-icon{font-size:1.3rem;width:36px;text-align:center;flex-shrink:0}.expense-details{flex:1;min-width:0}.expense-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.expense-title{color:#1d1d1f;font-weight:600;margin-bottom:.25rem;font-size:.95rem}.expense-meta{color:#86868b;font-size:.8rem;margin-bottom:.25rem}.expense-amount{color:#007aff;font-weight:600;font-size:1rem;letter-spacing:-.01em}.expense-participants-inline{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.participant-chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,122,255,.1);color:#007aff;padding:.3rem .6rem;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,122,255,.2);transition:all .2s ease}.chip-amount{background:rgba(0,122,255,.15);color:#005bb5;padding:.1rem .4rem;border-radius:4px;font-weight:600;font-size:.75rem}.empty-list{text-align:center;padding:2rem;color:#86868b}.empty-list p{font-size:1rem;margin:0 0 .5rem;color:#1d1d1f;font-weight:500}.empty-list small{color:#86868b;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:white;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.15)}.modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f2f2f7;display:flex;justify-content:space-between;align-items:flex-start}.modal-header h3{margin:0;color:#1d1d1f;font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.modal-header h4{margin:.25rem 0 0;color:#86868b;font-size:.9rem;font-weight:400}.close-btn{background:#f2f2f7;border:none;font-size:1.2rem;cursor:pointer;color:#86868b;padding:.5rem;border-radius:50%;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e5e5ea;color:#1d1d1f}.expense-form,.participant-form{padding:1.5rem}.form-info{background:#f0f8ff;border:1px solid #d1e7ff;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.form-info p{margin:0;color:#007aff;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#1d1d1f;font-weight:500;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e5e5ea;border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fbfbfd}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1);background:white}.form-hint{display:block;margin-top:.25rem;color:#86868b;font-size:.8rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f2f2f7}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#f2f2f7;color:#86868b}.cancel-btn:hover{background:#e5e5ea;color:#1d1d1f}.submit-btn{background:#22c55e;color:white}.submit-btn:hover{background:#16a34a;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.split-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.split-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.split-card:hover{background:#f2f2f7;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,197,94,.15)}.split-card.active{border-color:#22c55e;background:linear-gradient(135deg,#f0fff4,#dcfce7);color:#22c55e;box-shadow:0 4px 12px rgba(34,197,94,.2)}.split-card-title{font-weight:600;font-size:.95rem;margin-bottom:.25rem;color:inherit}.split-card-desc{font-size:.8rem;color:#6c757d;line-height:1.3}.form-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start}.radio-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.radio-row label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:400;cursor:pointer}.radio-row input[type=radio]{width:auto;margin:0}.select-actions{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.select-actions button{background:#f8f9fa;border:1px solid #e9ecef;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer;color:#495057;font-weight:500;transition:all .2s ease}.select-actions button:hover{background:#e9ecef}.select-count{margin-left:auto;color:#6c757d;font-size:.85rem;font-weight:500}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:400;font-size:.9rem}.checkbox-item:hover{background:#e9ecef}.checkbox-item input[type=checkbox]{width:auto;margin:0}.split-input-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.split-input-row{display:grid;grid-template-columns:1fr 120px auto;gap:.75rem;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.split-input-row .name{color:#495057;font-weight:500;font-size:.9rem}.split-input-row input{padding:.5rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem}.split-input-row .suffix{color:#6c757d;font-size:.85rem;font-weight:500}.preview-box{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1rem;margin-top:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#495057;padding-bottom:.5rem;border-bottom:1px solid #e9ecef;margin-bottom:.75rem}.preview-list{display:flex;flex-direction:column;gap:.5rem}.preview-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#495057}.preview-row .name{font-weight:500}.preview-row .amount{font-weight:600;color:#22c55e}.validation-msg{margin-top:.75rem;color:#dc3545;font-size:.85rem;font-weight:500;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:.5rem .75rem}@media (max-width:768px){.split-method-grid{grid-template-columns:1fr;gap:.5rem}.form-row{gap:1rem}.checkbox-grid,.form-row{grid-template-columns:1fr}.split-input-row{grid-template-columns:1fr auto;gap:.5rem}.split-input-row .suffix{grid-column:1/-1;text-align:center;margin-top:.25rem}.select-actions{flex-direction:column;align-items:stretch}.select-actions button,.select-count{text-align:center}.select-count{margin-left:0;order:-1}.ts-ambient-bg:before{filter:none;background:radial-gradient(circle,rgba(74,222,128,.5) 0,transparent 70%)}.ts-ambient-bg:after{filter:none;background:radial-gradient(circle,rgba(134,239,172,.5) 0,transparent 70%)}.ts-floating-emoji{animation:none;opacity:.7}.ts-title{filter:drop-shadow(0 0 8px rgba(21,128,61,.3))}.ts-empty-orbit,.ts-empty-ring,.ts-header:before,.ts-orbit-pill,.ts-title{animation:none}.ts-orbit-pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.9)}.ts-empty-hero{width:160px;height:160px}.ts-empty-ring{width:220px;height:220px}.ts-empty-features{gap:.75rem}.ts-empty-feature-icon{width:42px;height:42px;font-size:1.35rem}.ts-header,.tsc-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.88)}.tsc-role-badge,.tsc-view-trip-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.82)}}