.navbar{width:100%;background-color:initial;z-index:999}.navbar.navbar-fixed{position:fixed;top:0;left:0}.navbar .navbar-content{display:flex;align-items:center;width:100%;padding:0 .4rem;box-sizing:border-box}.navbar .navbar-left{display:flex;align-items:center;min-width:2rem;height:100%}.navbar .navbar-btn{display:flex;align-items:center;padding:.3rem;height:.8rem;font-size:.7rem}.navbar .navbar-title{flex:1;text-align:center;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .navbar-right{min-width:2rem}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;width:100%;height:2.5rem;background:linear-gradient(180deg,rgba(26,26,46,.95) 0%,rgba(10,10,15,.98) 100%);border-top:.025rem solid rgba(255,255,255,.08);z-index:999;box-shadow:0 -.1rem .5rem #0000004d;backdrop-filter:blur(.25rem)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2rem 0;transition:all .3s ease}.tabbar-item.active .tabbar-icon{transform:scale(1.1)}.tabbar-item.active .tabbar-text{color:#818cf8}.tabbar-icon{font-size:1.1rem;line-height:1;margin-bottom:.1rem;transition:transform .3s ease}.tabbar-text{font-size:.55rem;color:#ffffff80;transition:color .3s ease;letter-spacing:.025rem}.page-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,#0a0a0f 0%,#1a1a2e 50%,#0a0a0f 100%);overflow-y:auto}.page-placeholder-top{flex-shrink:0;background-color:transparent}.page-content{flex:1;overflow-x:hidden;min-height:0}.page-placeholder-bottom{flex-shrink:0;background-color:transparent}.carpool-card{display:flex;flex-direction:column;padding:.6rem;transition:all .2s ease}.carpool-card:active{opacity:.8}.carpool-top{display:flex;flex-direction:row;gap:.75rem}.carpool-cover-wrapper{width:3rem;height:4rem;flex-shrink:0;position:relative;overflow:hidden;border-radius:.3rem}.carpool-cover{width:100%;height:100%;display:block;object-fit:cover}.carpool-status-badge{position:absolute;top:.2rem;left:.2rem;padding:.1rem .2rem;border-radius:.15rem;background:rgba(0,0,0,.5);backdrop-filter:blur(.1rem)}.status-text{font-size:.45rem;font-weight:500;color:#fff}.carpool-joined-badge{position:absolute;bottom:.2rem;left:.2rem;padding:.1rem .2rem;border-radius:.15rem;background:rgba(34,197,94,.9)}.joined-text{font-size:.45rem;font-weight:500;color:#fff}.carpool-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:4rem;position:relative}.carpool-joined-badge-top{position:absolute;top:0;right:0;padding:.1rem .3rem;border-radius:.2rem;background:rgba(34,197,94,.9);z-index:1;display:flex;align-items:center;justify-content:center}.carpool-name{font-size:.7rem;font-weight:600;color:#fff;line-height:1.2;height:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carpool-tags{display:flex;flex-wrap:nowrap;gap:.15rem;height:.65rem;overflow:hidden}.carpool-tag{padding:.05rem .2rem;background:rgba(99,102,241,.15);border-radius:.2rem;display:flex;align-items:center;justify-content:center;height:.55rem}.tag-text{font-size:.45rem;color:#a5b4fc;line-height:1}.carpool-time-location{display:flex;align-items:center;gap:.2rem;height:.65rem}.carpool-time,.carpool-location{display:flex;align-items:center;gap:.1rem;flex:1;max-width:50%;min-width:0;height:.55rem}.info-label{font-size:.5rem;color:#fff6;flex-shrink:0}.info-value{font-size:.5rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carpool-organizer-row{display:flex;align-items:center;height:.9rem;width:100%}.organizer-info{display:flex;align-items:center;gap:.2rem;width:50%;min-width:0}.organizer-avatar{width:.9rem;height:.9rem;border-radius:50%}.organizer-avatar-placeholder{width:.9rem;height:.9rem;border-radius:50%;background:rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center}.avatar-placeholder-text{font-size:.45rem;color:#a5b4fc;font-weight:500}.organizer-name{font-size:.55rem;color:#ffffffb3;max-width:3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-info{display:flex;align-items:center;gap:.15rem;width:50%;min-width:0}.dm-label{font-size:.5rem;color:#fff6;padding:.05rem .2rem;background:rgba(139,92,246,.15);border-radius:.15rem}.dm-name{font-size:.55rem;color:#ffffffb3;max-width:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carpool-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.participants-section{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0}.participants-list{display:flex;align-items:center}.participants-list>*{margin-left:-.2rem}.participants-list>*:first-child{margin-left:0}.participant-avatar{width:.9rem;height:.9rem;border-radius:50%;border:.05rem solid rgba(30,30,50,.8)}.participant-avatar-placeholder{width:.9rem;height:.9rem;border-radius:50%;border:.05rem solid rgba(30,30,50,.8);display:flex;align-items:center;justify-content:center}.avatar-emoji{font-size:.5rem}.avatar-male{background:rgba(59,130,246,.3)}.avatar-female{background:rgba(236,72,153,.3)}.avatar-unknown{background:grey}.participant-more{width:.9rem;height:.9rem;border-radius:50%;background:rgba(99,102,241,.3);border:.05rem solid rgba(30,30,50,.8);display:flex;align-items:center;justify-content:center}.participant-more-text{font-size:.45rem;color:#a5b4fc;font-weight:600}.waiting-text{font-size:.55rem;color:#ffffff80;flex-shrink:0}.price-section{flex-shrink:0;margin-left:.4rem}.price-value{font-size:.7rem;font-weight:600;color:#f97316}.price-tbd{font-size:.6rem;color:#fff6;font-weight:400}.status-carpooling{background:rgba(59,130,246,.9)!important}.status-full{background:rgba(239,68,68,.9)!important}.status-locked{background:rgba(249,115,22,.9)!important}.status-ongoing{background:rgba(34,197,94,.9)!important}.status-ended{background:rgba(139,92,246,.9)!important}.status-cancelled{background:rgba(156,163,175,.9)!important}