.header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;gap:12px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.search-bar-container{display:flex;align-items:center;gap:10px;flex:1}.logo-box{width:40px;height:40px;background:var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #10b9814d;flex-shrink:0}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-input-wrapper input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff08;font-size:14px;font-weight:500;color:var(--text-main);transition:all .2s ease;outline:none}.search-input-wrapper input:focus{background:#ffffff12;border-color:var(--primary-color);box-shadow:0 0 0 4px #10b9811a}.search-icon{position:absolute;left:12px;color:var(--text-muted)}.header-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all .2s ease;color:var(--text-main)}.icon-btn:hover{background:#ffffff0d;color:var(--primary-color)}.dot{position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--primary-color);border-radius:50%;border:2px solid var(--bg-app);box-shadow:0 0 10px var(--primary-color)}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;padding:0 20px;margin:24px 0 32px}.icon-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.icon-item:hover{transform:translateY(-4px)}.icon-bg{width:56px;height:56px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(16,185,129,.2);transition:all .3s ease}.icon-bg svg{width:26px;height:26px;color:#10b981;transition:all .3s ease}.icon-item:hover .icon-bg{background:#10b98126;border-color:#10b9814d;box-shadow:0 4px 12px #10b98126;transform:scale(1.05)}.icon-item:hover .icon-bg svg{color:#059669;transform:scale(1.1)}.icon-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-align:center;transition:color .3s ease;letter-spacing:.1px}.icon-item:hover .icon-label{color:var(--primary-color)}.banner-carousel{position:relative;width:100%;height:200px;overflow:hidden;border-radius:16px;cursor:grab;-webkit-user-select:none;user-select:none}.banner-carousel:active{cursor:grabbing}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.banner-media{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#00000080);display:flex;align-items:center;justify-content:center;z-index:2}.banner-text{text-align:center;color:#fff;padding:20px}.banner-text h3{font-size:1.5rem;font-weight:700;margin:0 0 16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-btn{background:#00d9a3;color:#fff;border:none;padding:12px 32px;border-radius:24px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d9a34d}.banner-btn:hover{background:#00c593;transform:translateY(-2px);box-shadow:0 6px 16px #00d9a366}.banner-btn:active{transform:translateY(0)}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#fffc;transform:scale(1.2)}.dot.active{background:#fff;width:24px;border-radius:4px}@media(max-width:768px){.banner-carousel{height:180px}.banner-text h3{font-size:1.2rem}.banner-btn{padding:10px 24px;font-size:.85rem}}@media(max-width:480px){.banner-carousel{height:160px}.banner-text h3{font-size:1rem;margin-bottom:12px}.banner-btn{padding:8px 20px;font-size:.8rem}.carousel-dots{bottom:12px}.dot{width:6px;height:6px}.dot.active{width:18px}}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.settings-modal{background:#fff;width:90%;max-width:400px;border-radius:20px;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideUp .3s ease}.settings-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.settings-header h3{margin:0;font-size:18px;color:#0f172a}.settings-content{padding:20px;max-height:70vh;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section h4{margin:0 0 12px;font-size:13px;color:#64748b;text-transform:uppercase;font-weight:600}.setting-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f8fafc}.setting-item.link{cursor:pointer}.setting-item.link:hover .label{color:#10b981}.setting-icon{width:36px;height:36px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#475569}.setting-info{flex:1;display:flex;flex-direction:column}.setting-info .label{font-size:15px;font-weight:500;color:#1e293b}.setting-info .sub-label{font-size:12px;color:#94a3b8}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.lang-select{padding:8px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:13px;outline:none}.settings-footer{padding-top:12px;text-align:center}.logout-btn-full{width:100%;padding:12px;border:1px solid #ef4444;background:#fef2f2;color:#ef4444;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.logout-btn-full:hover{background:#ef4444;color:#fff}.version-text{font-size:12px;color:#cbd5e1;margin-top:12px}.chat-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.chat-window{width:380px;height:600px;background:#fff;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003;overflow:hidden;animation:slideUp .3s cubic-bezier(.18,.89,.32,1.28)}.chat-header-main{padding:16px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff}.chat-user-info{display:flex;align-items:center;gap:12px}.chat-avatar-wrapper{position:relative;width:40px;height:40px}.chat-avatar-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#10b981;border:2px solid white;border-radius:50%}.chat-user-details h3{margin:0;font-size:16px;font-weight:600}.user-status{font-size:11px;color:#10b981}.chat-actions{display:flex;gap:8px}.icon-btn-ghost{background:transparent;border:none;color:#64748b;padding:8px;cursor:pointer;border-radius:50%;transition:background .2s}.icon-btn-ghost:hover{background:#f1f5f9;color:#0f172a}.messages-area{flex:1;background:#f8fafc;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4}.message-bubble.received{align-self:flex-start;background:#fff;box-shadow:0 1px 2px #0000000d;color:#1e293b;border-bottom-left-radius:4px}.message-bubble.sent{align-self:flex-end;background:#10b981;color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 5px #10b98133}.chat-input-area{padding:12px 16px;background:#fff;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:12px}.input-wrapper{flex:1;background:#f1f5f9;border-radius:20px;padding:8px 16px}.input-wrapper input{width:100%;border:none;background:transparent;outline:none;font-size:14px}.attach-btn,.send-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.attach-btn{background:transparent;color:#64748b}.attach-btn:hover{background:#f1f5f9}.send-btn{background:#10b981;color:#fff}.send-btn:hover{transform:scale(1.05)}.xp-progress-container{margin:12px 0;padding:0 20px}.xp-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.xp-label{font-size:13px;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.5px}.xp-numbers{font-size:12px;color:#fff9;font-weight:500}.xp-bar-wrapper{position:relative}.xp-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.xp-bar-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.booking-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:12px;transition:all .3s ease}.booking-card:hover{background:#ffffff14;border-color:#fff3}.booking-card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.booking-main-info{flex:1}.booking-location{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;margin-bottom:6px}.booking-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9}.booking-type{background:#10b98133;color:#10b981;padding:2px 8px;border-radius:6px;font-weight:500}.booking-dot{color:#ffffff4d}.booking-status-section{display:flex;align-items:center;gap:12px}.booking-status{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.booking-card-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}.booking-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.detail-label{color:#fff9}.detail-value{color:#fff;font-weight:500}.detail-value.price{color:#10b981;font-weight:600;font-size:15px}.rate-booking-btn{width:100%;margin-top:12px;padding:12px;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease}.rate-booking-btn:hover{transform:translateY(-2px)}.booking-review-display{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:12px}.review-stars{display:flex;gap:4px;margin-bottom:8px}.review-text{color:#fffc;font-size:13px;line-height:1.5;margin:0}.rating-form{margin-top:12px;padding:16px;background:#ffffff0d;border-radius:12px}.rating-stars{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.rating-star{cursor:pointer;transition:transform .2s ease}.rating-star:hover{transform:scale(1.2)}.review-input{width:100%;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}.review-input:focus{outline:none;border-color:#10b981}.rating-actions{display:flex;gap:8px}.cancel-rating,.submit-rating{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.cancel-rating{background:#ffffff1a;color:#fffc}.cancel-rating:hover{background:#ffffff26}.submit-rating{background:#10b981;color:#fff}.submit-rating:hover{background:#059669}.achievement-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;display:flex;gap:16px;transition:all .3s ease}.achievement-card.unlocked{background:#10b9811a;border-color:#10b9814d}.achievement-card.locked{opacity:.6}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.achievement-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.achievement-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.achievement-emoji{font-size:32px}.achievement-info{flex:1;min-width:0}.achievement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.achievement-name{font-size:15px;font-weight:600;color:#fff;margin:0}.achievement-tier{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.achievement-description{font-size:13px;color:#ffffffb3;margin:0 0 10px;line-height:1.4}.achievement-unlocked{display:flex;align-items:center;gap:6px;color:#10b981;font-size:12px;font-weight:600}.achievement-progress{display:flex;align-items:center;gap:8px}.progress-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:10px;transition:width .5s ease}.progress-text{font-size:11px;color:#fff9;font-weight:600;min-width:35px;text-align:right}.leaderboard-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;margin-bottom:24px}.leaderboard-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin-bottom:20px;color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:12px;transition:transform .2s}.leaderboard-item:hover{background:#ffffff14;transform:translate(4px)}.leaderboard-item.highlight{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.lb-rank{width:30px;display:flex;justify-content:center;align-items:center}.rank-num{font-size:16px;font-weight:700;color:#94a3b8}.lb-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.lb-info{flex:1;display:flex;flex-direction:column}.lb-name{font-weight:600;font-size:14px;color:#fff}.lb-tier{font-size:12px;color:#94a3b8}.lb-xp{text-align:right}.xp-val{display:block;font-weight:700;color:#10b981}.xp-unit{font-size:10px;color:#ffffff80;text-transform:uppercase}.lb-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#94a3b8}.daily-challenges-widget{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden}.daily-challenges-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#ef4444)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.widget-header h3{margin:0;font-size:18px;font-weight:700;color:#fff}.reset-time{font-size:12px;color:#94a3b8}.challenges-list{display:flex;flex-direction:column;gap:12px}.challenge-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-radius:12px;cursor:pointer;transition:all .2s;border:1px solid transparent}.challenge-item:not(.done):hover{background:#ffffff0d;border-color:#ffffff1a}.challenge-item.done{opacity:.7;background:#10b9810d}.challenge-icon{font-size:20px;width:32px;height:32px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.challenge-info{flex:1;display:flex;flex-direction:column}.challenge-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:2px}.challenge-xp{font-size:11px;color:#f59e0b;font-weight:700}.progress-circle{width:40px;height:40px;border-radius:50%;background:conic-gradient(#10b981 calc(var(--p) * 1%),#ffffff1a 0);display:flex;align-items:center;justify-content:center;position:relative}.progress-circle:after{content:"";position:absolute;width:34px;height:34px;background:#0f172a;border-radius:50%}.progress-circle span{position:relative;z-index:1;font-size:10px;font-weight:700;color:#fff}.profile-container{height:100%;overflow-y:auto;background:#0f172a;color:#fff;padding-bottom:80px}.profile-header-new{position:relative;background:#1e293b;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.cover-photo{height:150px;background:linear-gradient(135deg,#0f172a,#1e293b),url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?q=80&w=1000);background-size:cover;background-position:center;position:relative}.edit-cover-btn{position:absolute;top:16px;right:16px;padding:8px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .3s}.cover-photo:hover .edit-cover-btn{opacity:1}.profile-main-info{padding:0 20px;margin-top:-50px}.avatar-section{margin-bottom:12px}.avatar-container{position:relative;width:100px;height:100px}.main-avatar{width:100%;height:100%;border-radius:50%;border:4px solid #0f172a;object-fit:cover}.level-badge-new{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;border:2px solid #0f172a}.name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.user-fullname{font-size:24px;font-weight:700;margin:0}.user-handle{color:#94a3b8;font-size:14px;margin:0 0 16px}.settings-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.profile-tabs{display:flex;gap:8px;padding:16px 20px;background:#ffffff05;overflow-x:auto;scrollbar-width:none}.tab-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#94a3b8;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s}.tab-btn.active{background:#10b981;color:#fff;border-color:#10b981}.tab-content{padding:20px}.stats-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-card-new{background:#ffffff0d;border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.stat-icon.purple{background:#8b5cf633;color:#8b5cf6}.stat-icon.orange{background:#f9731633;color:#f97316}.stat-icon.green{background:#10b98133;color:#10b981}.stat-num{font-size:18px;font-weight:700;color:#fff;margin-bottom:2px}.stat-lbl{font-size:11px;color:#94a3b8}.section-block{margin-bottom:24px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.saved-maps-grid{display:flex;flex-direction:column;gap:12px}.mini-map-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.map-info h4{font-size:14px;font-weight:600;margin:0 0 4px}.map-info p{font-size:12px;color:#94a3b8;margin:0}.map-actions button{background:none;border:none;color:#94a3b8;padding:8px;cursor:pointer}.map-actions button.del:hover{color:#ef4444}.wallet-main-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.wallet-main-card:after{content:"";position:absolute;right:-20px;bottom:-20px;width:150px;height:150px;background:#ffffff1a;border-radius:50%}.balance-info{margin-bottom:20px;position:relative;z-index:1}.balance-info span{font-size:14px;color:#fffc;display:block;margin-bottom:8px}.balance-info h2{font-size:32px;font-weight:700;margin:0}.topup-btn-large{width:100%;background:#fff;color:#059669;border:none;padding:12px;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;position:relative;z-index:1}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;border-bottom:1px solid rgba(255,255,255,.05)}.tx-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tx-icon.topup{background:#10b9811a;color:#10b981}.tx-icon.payment{background:#ef44441a;color:#ef4444}.tx-details{flex:1}.tx-details h4{font-size:14px;font-weight:500;margin:0 0 4px}.tx-date{font-size:12px;color:#94a3b8}.tx-amount{font-weight:600;font-size:14px}.tx-amount.topup{color:#10b981}.tx-amount.payment{color:#ef4444}.empty-state,.empty-text{text-align:center;color:#94a3b8;padding:40px 0}.empty-icon{font-size:48px;margin-bottom:16px;display:block}.achievements-grid{display:grid;grid-template-columns:1fr;gap:12px}.streak-badge-header{display:flex;align-items:center;gap:6px;background:#f59e0b33;padding:6px 12px;border-radius:20px;border:1px solid rgba(245,158,11,.3);color:#f59e0b;font-weight:700;font-size:13px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.connect-fb-btn{width:100%;padding:12px;background:#1877f2;color:#fff;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:12px}.friends-section{margin-top:24px}.friends-list-container{display:flex;flex-direction:column;gap:12px}.friend-card{display:flex;align-items:center;background:#fff;padding:12px;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:transform .2s}.friend-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.friend-avatar{position:relative;width:44px;height:44px;margin-right:12px}.friend-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10b981;border-radius:50%;border:2px solid white}.friend-info{flex:1}.friend-info h4{margin:0;font-size:15px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.role-badge{font-size:10px;background:#f59e0b;color:#fff;padding:2px 6px;border-radius:100px;font-weight:700}.friend-info p{margin:2px 0 0;font-size:12px;color:#10b981}.chat-btn-mini{background:#eff6ff;border:none;width:36px;height:36px;border-radius:50%;color:#3b82f6;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-friend-promo{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:16px;color:#fff;text-align:center;margin-top:12px}.add-friend-promo p{margin:0 0 12px;font-weight:500}.connect-fb-btn{background:#fff;color:#059669;border:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;cursor:pointer;margin-top:12px}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.activity-container{height:calc(100vh - 44px);width:100%;position:fixed;top:0;left:0;background:var(--bg-app);overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:none;touch-action:none;box-sizing:border-box;z-index:5}.map-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.leaflet-container{width:100%;height:100%;background:#111}.map-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:30%;background:linear-gradient(to bottom,#0b0e14e6,#0b0e1400);pointer-events:none;z-index:5}.permission-banner{position:absolute;top:80px;left:16px;right:16px;z-index:1500;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.permission-content{background:#fbbf24f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #fbbf244d;border:1px solid rgba(255,255,255,.2)}.permission-icon{font-size:32px;flex-shrink:0}.permission-text{flex:1}.permission-text h4{margin:0 0 4px;font-size:14px;font-weight:800;color:#78350f}.permission-text p{margin:0;font-size:12px;color:#92400e;line-height:1.4}.permission-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.activity-header{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:16px;right:16px;height:56px;display:flex;justify-content:space-between;align-items:center;z-index:1000;pointer-events:none}.activity-header>*{pointer-events:auto}.route-search-wrapper{position:relative;flex:1;max-width:240px;margin-right:12px}.header-actions{display:flex;align-items:center;gap:8px}.permission-btn{padding:8px 16px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.permission-btn.primary{background:#78350f;color:#fff}.permission-btn.primary:active{transform:scale(.95);background:#92400e}.permission-btn.secondary{background:#fff3;color:#78350f}.permission-btn.secondary:active{transform:scale(.95);background:#ffffff4d}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.activity-header{max-width:1200px}}.header-actions{display:flex;gap:12px}.activity-selector{background:var(--glass-bg);padding:8px 18px;border-radius:var(--radius-full);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:1px solid var(--glass-border);transition:all .2s;color:var(--text-main)}.activity-selector:hover{background:#ffffff1a}.activity-menu{position:absolute;top:110%;left:0;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-xl);min-width:180px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--glass-border);animation:slideDown .2s ease-out}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:700;color:var(--text-secondary);transition:all .2s;width:100%;text-align:left}.activity-item:hover{background:#10b9811a;color:var(--primary-color)}.activity-item.active{background:var(--primary-color);color:#0b0e14}.bottom-action-panel{position:absolute;bottom:0;left:0;right:0;z-index:100;background:var(--bg-surface);border-top-left-radius:32px;border-top-right-radius:32px;padding:12px 16px 20px;box-shadow:0 -10px 40px #0006;border:1px solid var(--glass-border);animation:slideUpPanel .4s cubic-bezier(.16,1,.3,1)}.panel-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;max-width:600px;margin:0 auto;width:100%}.stat-box{display:flex;flex-direction:column;min-width:100px;flex:1}.stat-value{font-size:36px;font-weight:900;color:var(--text-main);font-family:Inter,monospace;letter-spacing:-1.5px;line-height:1.1}.stat-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.pace-mini{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:12px}.mini-value{font-size:18px;font-weight:800;color:var(--primary-color);line-height:1}.mini-label{font-size:9px;font-weight:800;color:var(--text-muted);letter-spacing:1px}.dist-main{display:flex;flex-direction:column;align-items:flex-end}.start-btn{width:76px;height:76px;border-radius:50%;background:var(--accent-color);color:#fff;border:4px solid var(--bg-surface);font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #f9731666;transition:all .2s;display:flex;align-items:center;justify-content:center}.start-btn:active{transform:scale(.9)}.control-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .2s}.control-btn.pause{background:#fbbf24;color:#0b0e14}.control-btn.stop{background:#ef4444;color:#fff}.control-btn:active{transform:scale(.9)}.drawing-controls-overlay{position:absolute;top:100px;left:20px;right:20px;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:12px;border:1px solid var(--primary-color);zoom:.8}.drawing-status{font-size:12px;font-weight:800;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px}.draw-action-btn{flex:1;height:44px;border-radius:var(--radius-md);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;background:#ffffff0d;color:var(--text-main);transition:all .2s}.draw-action-btn.save{background:var(--primary-color);color:#0b0e14;flex:2}.glass-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;color:var(--text-main);transition:all .2s}.glass-btn:active{transform:scale(.9)}.weather-timeline-container{position:absolute;bottom:220px;left:24px;right:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 20px;z-index:1000;box-shadow:var(--shadow-xl);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline-time{font-size:18px;font-weight:800;color:var(--primary-color);font-family:Inter,monospace}.timeline-status{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;padding:4px 10px;border-radius:var(--radius-full)}.timeline-slider{width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-full);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary-color);border:3px solid #0B0E14;border-radius:50%;box-shadow:0 0 10px #10b98166;cursor:pointer}.timeline-ticks{display:flex;justify-content:space-between;margin-top:8px}.timeline-ticks span{font-size:10px;font-weight:700;color:var(--text-muted)}.map-panel-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:flex-end}.map-customization-panel{width:100%;max-width:500px;background:var(--bg-surface);border-top-left-radius:32px;border-top-right-radius:32px;padding:24px 24px 60px;box-shadow:0 -10px 40px #00000080;border:1px solid var(--glass-border);animation:slideUpPanel .4s cubic-bezier(.16,1,.3,1)}.panel-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.pull-indicator{width:40px;height:4px;background:#ffffff1a;border-radius:var(--radius-full)}.panel-title{font-size:18px;font-weight:800;color:var(--text-main)}.panel-section-title{font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;margin-top:24px}.map-types-list,.map-layers-list{display:flex;flex-direction:column;gap:12px}.map-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px}.map-type-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:#ffffff0d;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .25s ease}.map-type-card:hover{background:#ffffff1a;transform:translateY(-2px)}.map-type-card.active{background:#10b98126;border-color:#10b981;box-shadow:0 0 20px #10b98133}.map-type-icon{font-size:32px;margin-bottom:8px}.map-type-name{font-size:13px;font-weight:600;color:var(--text-main);text-align:center}.check-badge{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.map-type-item,.map-layer-item{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.map-type-item:hover,.map-layer-item:hover{background:#ffffff0f}.map-type-item.active,.map-layer-item.active{background:#10b9811a;border-color:var(--primary-color)}.map-preview,.layer-icon-box{width:48px;height:48px;border-radius:var(--radius-md);background-size:cover;background-position:center}.layer-icon-box{display:flex;align-items:center;justify-content:center}.layer-icon-box.precipitation{background-color:#3b82f6}.layer-icon-box.wind{background-color:#10b981}.layer-icon-box.temp{background-color:#f87171}.layer-icon-box.clouds{background-color:#94a3b8}.layer-info{flex:1}.layer-name{font-size:14px;font-weight:800;color:var(--text-main);margin-bottom:2px}.map-layer-item.active .layer-name{color:var(--primary-color)}.layer-desc{font-size:11px;color:var(--text-muted);line-height:1.4}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.floating-map-controls{position:absolute;top:120px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:400;zoom:.8}.float-btn{width:44px;height:44px;border-radius:50%;background:#064e3be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;color:#10b981;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.float-btn:active{transform:scale(.92)}.float-btn.location-btn{background:#10b981e6;color:#fff;box-shadow:0 4px 12px #10b98166}.float-btn.active-draw{background:#fbbf24;color:#78350f;box-shadow:0 4px 12px #fbbf2466}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal{background:var(--bg-surface);border-radius:16px;width:90%;max-width:400px;overflow:hidden;animation:slideUp .3s ease}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--glass-border)}.share-modal-header h3{margin:0;font-size:18px;color:var(--text-main);display:flex;align-items:center;gap:8px}.share-modal-header button{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-main)}.share-modal-body{padding:12px}.share-option{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;cursor:pointer;transition:background .2s;color:var(--text-main)}.share-option:hover{background:#10b9811a}.share-option strong{display:block;font-size:15px;margin-bottom:2px}.share-option p{font-size:12px;color:var(--text-secondary);margin:0}.share-option.location-share{border-top:1px solid var(--glass-border);margin-top:8px}.share-empty{padding:20px;text-align:center;color:var(--text-muted)}.share-modal-footer{padding:12px 16px;border-top:1px solid var(--glass-border);background:#0000000d}.location-sharing-toggle{display:flex;justify-content:space-between;align-items:center;color:var(--text-main);font-size:14px}.toggle-btn{padding:6px 16px;border:none;border-radius:20px;font-weight:600;cursor:pointer;background:var(--glass-bg);color:var(--text-secondary);transition:all .2s}.toggle-btn.on{background:#10b981;color:#fff}.share-note{font-size:12px;color:#10b981;margin-top:8px;text-align:center}.location-sharing-badge{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 16px;background:#10b981e6;color:#fff;border-radius:20px;font-size:12px;font-weight:600;z-index:100;animation:slideUp .3s ease}.glass-btn.active-share{background:#10b9814d!important;border-color:#10b981}.route-search-wrapper{position:relative;flex:1;max-width:200px;margin:0 12px}.route-search-input{width:100%;padding:10px 14px;border-radius:20px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);font-size:13px;outline:none}.route-search-input::placeholder{color:var(--text-muted)}.saved-maps-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--bg-surface);border-radius:12px;border:1px solid var(--glass-border);max-height:300px;overflow:hidden;z-index:100;box-shadow:0 8px 24px #0000004d}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--glass-border);font-size:13px;font-weight:600;color:var(--text-main)}.dropdown-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.saved-maps-list{max-height:240px;overflow-y:auto}.saved-map-item{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .2s;color:var(--text-main)}.saved-map-item:hover{background:#10b9811a}.saved-map-item .map-info{display:flex;flex-direction:column}.saved-map-item .map-info strong{font-size:14px}.saved-map-item .map-info span{font-size:11px;color:var(--text-muted)}.no-maps{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.route-checkbox{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .2s}.route-checkbox.checked{background:#10b981;border-color:#10b981}.saved-map-item.selected{background:#10b98126;border-left:3px solid #10B981}.panel-content{display:flex;flex-direction:column;gap:20px;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:16px 8px;width:100%;padding:0 4px}.stat-item-grid{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.grid-stat-value{font-size:20px;font-weight:800;color:var(--text-main);line-height:1.2;font-variant-numeric:tabular-nums}.grid-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-top:4px}.activity-controls-row{display:flex;justify-content:center;align-items:center;margin-top:8px;padding-bottom:24px}.start-btn-large{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-full);padding:16px 48px;font-size:18px;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 15px #10b98166;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:80%;text-transform:uppercase}.start-btn-large:active{transform:scale(.96);box-shadow:0 2px 8px #10b9814d}.recording-controls-large{display:flex;gap:24px;align-items:center}.control-btn-large{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.control-btn-large.pause{background:#fbbf24;color:#78350f}.control-btn-large.stop{background:#ef4444;color:#fff}.control-btn-large:active{transform:scale(.9)}.unit-small{font-size:11px;color:var(--text-muted);font-weight:600;margin-left:2px}.activity-type-row{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.activity-type-row:hover{background:#ffffff14}.activity-type-info{display:flex;align-items:center;gap:12px}.activity-type-info span{font-size:15px;font-weight:700;color:var(--text-main)}.activity-dropdown-bottom{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;z-index:1001;box-shadow:0 8px 32px #0006;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.activity-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-main);transition:all .2s}.activity-dropdown-item:hover{background:#10b9811a}.activity-dropdown-item.active{background:#10b98133;border-left:3px solid var(--primary-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-stat-label{font-size:9px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:2px;opacity:.8}.stat-item-grid{flex-direction:column-reverse;align-items:center}.primary-stats-row{display:flex;justify-content:space-between;align-items:center;width:100%}.secondary-stats-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:4px;padding-top:16px;border-top:1px solid var(--glass-border)}.sub-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.sub-stat-value{font-size:16px;font-weight:800;color:var(--text-main)}.sub-stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.stat-divider-mini{width:1px;height:24px;background:var(--glass-border)}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-box.left-stat{align-items:flex-start}.stat-box.right-stat{align-items:flex-end}.user-location-marker{background:transparent!important;border:none!important}.marker-inner{width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;border:none;box-shadow:none;overflow:visible}.marker-inner:after{display:none}.marker-inner img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.gps-status-overlay{position:absolute;top:60px;right:12px;z-index:1500;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:auto}.gps-status-compact{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1.5px solid;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #0000004d}.gps-status-compact:hover{transform:scale(1.05)}.gps-score{font-size:13px;font-weight:700;font-family:Inter,system-ui,sans-serif;min-width:20px;text-align:center}.gps-trend{font-size:14px;font-weight:700;margin-left:-2px}.gps-alert-icon{animation:pulse-alert 1.5s ease-in-out infinite}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.4}}.gps-status-expanded{background:#0f172aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;padding:10px 12px;min-width:200px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0006;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gps-detail-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.gps-detail-label{color:#ffffff80;font-size:11px;font-weight:500}.gps-detail-value{color:#ffffffe6;font-size:12px;font-weight:600;font-family:Inter,system-ui,sans-serif}.gps-source-badge{font-size:11px}.gps-outlier-stat{color:#f59e0b!important;font-size:11px}.gps-quality-bars{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.gps-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.gps-bar-label{color:#fff6;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:55px}.gps-bar-track{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.gps-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.gps-alerts{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.gps-alert{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;padding:4px 6px;border-radius:6px}.gps-alert-warning{color:#fbbf24;background:#fbbf241a}.gps-alert-error{color:#f87171;background:#f871711a}@media(max-width:768px){.gps-status-overlay{top:50px;right:8px}.gps-status-compact{padding:5px 8px}.gps-score{font-size:12px}.gps-status-expanded{min-width:180px}}.turn-instructions-container{position:absolute;top:80px;left:20px;width:320px;max-height:calc(100vh - 200px);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #00000026;overflow:hidden;z-index:1000;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.turn-instructions-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.turn-instructions-header h3{margin:0;font-size:16px;font-weight:600}.instruction-count{font-size:13px;opacity:.9;background:#fff3;padding:4px 10px;border-radius:12px}.turn-instructions-list{max-height:calc(100vh - 280px);overflow-y:auto;padding:8px}.turn-instructions-list::-webkit-scrollbar{width:6px}.turn-instructions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.turn-instructions-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.turn-instruction-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:6px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.turn-instruction-item:hover{background:#f9fafb;border-color:#667eea;transform:translate(4px)}.turn-instruction-item.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.turn-icon-wrapper{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.turn-instruction-item.start .turn-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.turn-instruction-item.end .turn-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626)}.turn-instruction-item.turn-left .turn-icon-wrapper,.turn-instruction-item.sharp-left .turn-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}.turn-instruction-item.turn-right .turn-icon-wrapper,.turn-instruction-item.sharp-right .turn-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706)}.turn-instruction-content{flex:1;min-width:0}.turn-instruction-text{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.turn-road-name{font-size:12px;color:#6b7280;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-distance{font-size:12px;color:#9ca3af;font-weight:500}.turn-angle{flex-shrink:0;font-size:11px;font-weight:600;color:#667eea;background:#667eea15;padding:4px 8px;border-radius:8px}@media(max-width:768px){.turn-instructions-container{left:10px;right:10px;width:auto;max-width:calc(100vw - 20px)}.turn-instructions-header h3{font-size:14px}.turn-instruction-item{padding:10px}.turn-icon-wrapper{width:38px;height:38px}.turn-instruction-text{font-size:13px}}.premium-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease}.premium-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:32px;width:100%;max-width:400px;position:relative;text-align:center;box-shadow:0 20px 50px #00000080,0 0 30px #f59e0b1a;animation:scaleUp .3s ease}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.close-premium-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#94a3b8;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-premium-btn:hover{background:#fff3;color:#fff}.premium-header{margin-bottom:32px}.crown-icon-wrapper{background:#f59e0b26;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 0 20px #f59e0b33}.premium-header h2{font-size:24px;font-weight:800;color:#fff;margin:0 0 8px;background:linear-gradient(to right,#f59e0b,#fcd34d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-header p{color:#94a3b8;font-size:14px;margin:0}.premium-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;text-align:left}.feature-item{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff0d;border-radius:12px}.feature-icon{width:36px;height:36px;background:#10b9811a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#10b981}.feature-text h4{margin:0 0 2px;font-size:14px;color:#fff}.feature-text p{margin:0;font-size:12px;color:#94a3b8}.pricing-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.price-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.price-card:hover{border-color:#f59e0b;background:#f59e0b0d}.price-card.popular{border-color:#f59e0b;background:#f59e0b1a}.popular-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#f59e0b;color:#0f172a;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.price-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.price-amount{display:block;font-size:16px;font-weight:700;color:#fff}.upgrade-btn-large{width:100%;padding:16px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:16px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s;margin-bottom:16px;box-shadow:0 4px 15px #f59e0b4d}.upgrade-btn-large:hover{transform:translateY(-2px)}.restore-purchase{font-size:12px;color:#64748b;cursor:pointer;text-decoration:underline}.chat-container{height:100vh;background-color:var(--bg-app);display:flex;flex-direction:column;overflow:hidden;padding-bottom:80px}.chat-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:1000;padding:16px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--glass-border)}@media(min-width:1024px){.chat-header{max-width:1200px}}.chat-container{padding-top:73px}.header-title-row{display:flex;align-items:center;gap:12px}.my-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid var(--primary-color)}.chat-title{font-size:24px;font-weight:900;color:var(--text-main);letter-spacing:-.5px}.header-icons{display:flex;gap:12px}.icon-circle{width:36px;height:36px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:var(--text-main)}.icon-circle:hover{background:#ffffff1a}.search-wrapper{padding:12px 16px}.search-input-box{background:var(--bg-surface);border-radius:20px;padding:10px 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--glass-border)}.search-input-box input{background:transparent;border:none;outline:none;font-size:15px;width:100%;color:var(--text-main)}.search-input-box input::placeholder{color:var(--text-muted)}.online-users-scroll{display:flex;gap:16px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}.online-users-scroll::-webkit-scrollbar{display:none}.user-column{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px;cursor:pointer}.avatar-wrapper{position:relative;width:56px;height:56px}.avatar-large{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.online-badge{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#10b981;border:3px solid var(--bg-app);border-radius:50%}.user-name-mini{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list{flex:1;overflow-y:auto;padding-bottom:20px}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.conversation-item:hover{background-color:#ffffff08}.conv-avatar-wrapper{position:relative;width:56px;height:56px}.conv-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.conv-info{flex:1;display:flex;flex-direction:column;justify-content:center}.conv-name{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:4px}.conv-preview{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-muted)}.conv-preview.unseen{color:var(--text-main);font-weight:800}.unseen-indicator{width:12px;height:12px;background:#1877f2;border-radius:50%}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:75%;padding:10px 14px;border-radius:16px;display:flex;flex-direction:column;gap:4px}.message-bubble.them{align-self:flex-start;background:var(--glass-bg, rgba(255, 255, 255, .1));border:1px solid var(--glass-border)}.message-bubble.me{align-self:flex-end;background:#10b981;color:#fff}.message-text{font-size:14px;line-height:1.4}.message-time{font-size:11px;opacity:.7;align-self:flex-end}.chat-input-row{display:flex;padding:12px;border-top:1px solid var(--glass-border);gap:8px;background:var(--bg-surface)}.chat-input-row input{flex:1;padding:10px 14px;border:1px solid var(--glass-border);border-radius:20px;font-size:14px;background:#ffffff0d;color:var(--text-main)}.chat-input-row button{background:#10b981;color:#fff;border:none;padding:10px 16px;border-radius:20px;font-weight:600;cursor:pointer}.community-container{height:100vh;background-color:var(--bg-app);display:flex;flex-direction:column;overflow:hidden;padding-bottom:80px}.community-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.community-topbar{max-width:1200px}}.nav-back-btn:hover{background:#ffffff1a;color:var(--primary-color);transform:translate(-2px)}.topbar-action{display:flex;align-items:center;gap:12px}.topbar-icon-btn{width:36px;height:36px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#fff;position:relative;transition:all .2s ease}.topbar-icon-btn:hover{background:#ffffff1a;color:var(--primary-color)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a}.header-right{display:flex;gap:12px}.app-logo{font-family:Inter,sans-serif;font-size:24px;font-weight:800;color:var(--primary-color);letter-spacing:-.5px;margin:0}.icon-btn{width:36px;height:36px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--text-main);position:relative;transition:background .2s}.icon-btn:hover{background:#ffffff1a}.badge{position:absolute;top:-2px;right:-2px;background:#ff4757;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface)}.community-content{flex:1;overflow-y:auto;background:var(--bg-app)}.feed-content{padding-bottom:20px}.stories-container{display:flex;gap:12px;padding:16px;overflow-x:auto;background:var(--bg-surface);margin-bottom:8px;border-bottom:1px solid var(--glass-border);scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-item{min-width:72px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.story-create{width:72px;display:flex;flex-direction:column;align-items:center;position:relative}.story-avatar-me{width:68px;height:68px;border-radius:50%;border:2px solid var(--bg-surface);object-fit:cover}.story-plus-btn{position:absolute;bottom:20px;right:0;background:var(--primary-color);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface)}.story-view{width:72px;height:108px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden}.story-view:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent,rgba(0,0,0,.6))}.story-avatar-ring{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:2px solid #1877F2;padding:1px;background:var(--bg-surface)}.story-avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.story-name{font-size:11px;font-weight:500;color:var(--text-main);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-view .story-name{position:absolute;bottom:6px;left:6px;right:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:left}.create-post-card{background:var(--bg-surface);padding:16px;margin-bottom:8px;border-bottom:1px solid var(--glass-border)}.input-row{display:flex;gap:12px;margin-bottom:16px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--glass-border)}.post-input{flex:1;border:1px solid var(--glass-border);border-radius:20px;padding:10px 18px;font-size:15px;color:var(--text-main);background-color:#ffffff08;outline:none;cursor:pointer}.post-input:hover{background-color:#ffffff12}.action-row{display:flex;border-top:1px solid var(--glass-border);padding-top:12px;gap:8px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff08;border:none;padding:8px;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);font-size:13px;transition:background .2s}.action-btn:hover{background-color:#ffffff14;color:var(--text-main)}.post-card{background:var(--bg-surface);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.post-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.post-user-info{display:flex;align-items:center;gap:10px}.user-name{font-weight:700;font-size:15px;color:var(--text-main)}.post-time{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.post-caption{padding:0 16px 12px;font-size:15px;font-weight:400;color:var(--text-main);line-height:1.5}.post-media{width:100%;background:#000}.post-media img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.post-stats{padding:12px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--glass-border)}.stat-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.like-icon-circle{width:18px;height:18px;background:linear-gradient(135deg,#1877f2,#00c6ff);border-radius:50%;display:flex;align-items:center;justify-content:center}.post-actions{display:flex;padding:6px 12px;gap:4px}.interaction-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;padding:10px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:14px;transition:all .2s}.interaction-btn:hover{background-color:#ffffff0d;color:var(--text-main)}.interaction-btn.liked{color:#10b981}.groups-container{padding:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;margin-top:8px}.section-header:first-child{margin-top:0}.section-header h3{font-size:17px;font-weight:700;color:var(--text-main);margin:0}.see-more{font-size:13px;color:var(--primary-color);display:flex;align-items:center;cursor:pointer}.groups-list{display:flex;gap:12px;overflow-x:auto;margin-bottom:24px;padding-bottom:8px;scrollbar-width:none}.group-card{min-width:260px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.group-cover{width:100%;height:120px;object-fit:cover}.group-info{padding:12px}.group-info h4{margin:0 0 4px;color:var(--text-main);font-size:15px}.group-stats{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-bottom:8px}.group-info p{font-size:12px;color:var(--text-secondary);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:32px}.join-btn{width:100%;background:#10b9811a;color:#10b981;border:none;padding:8px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s}.join-btn:hover{background:#10b98133}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{display:flex;background:var(--bg-surface);border-radius:12px;overflow:hidden;border:1px solid var(--glass-border);position:relative}.event-date-badge{position:absolute;top:8px;left:8px;background:#ffffffe6;border-radius:8px;padding:4px 8px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 4px #0003;z-index:10}.event-date-badge .month{font-size:10px;text-transform:uppercase;color:#f02849;font-weight:700}.event-date-badge .day{font-size:16px;font-weight:800;color:#333}.event-cover{width:100px;object-fit:cover}.event-info{flex:1;padding:10px 12px}.event-info h4{margin:0 0 6px;font-size:15px;color:var(--text-main);line-height:1.3}.event-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.event-footer{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.p-count{font-size:11px;color:var(--text-muted)}.interested-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--glass-border);color:var(--text-secondary);padding:4px 10px;border-radius:14px;font-size:11px;cursor:pointer}.comment-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.comment-modal{background:var(--bg-surface);border-radius:16px 16px 0 0;width:100%;max-width:500px;height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.comment-modal .modal-header{display:flex;justify-content:center;align-items:center;padding:10px;border-bottom:1px solid var(--glass-border);position:relative}.comment-modal .modal-header:before{content:"";position:absolute;top:8px;width:40px;height:4px;background:var(--text-muted);border-radius:2px;opacity:.3}.comment-modal .modal-header h3{margin:12px 0 0;font-size:16px;color:var(--text-main)}.comment-modal .modal-header button{position:absolute;right:16px;top:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary)}.comments-list{flex:1;overflow-y:auto;padding:12px 16px}.comment-item{padding:12px 0;border-bottom:1px solid var(--glass-border);color:var(--text-main);display:flex;gap:8px}.comment-item strong{color:var(--text-main);font-weight:600}.comment-input-row{display:flex;padding:12px 16px;border-top:1px solid var(--glass-border);gap:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.comment-input-row input{flex:1;padding:12px 16px;border:1px solid var(--glass-border);border-radius:24px;font-size:14px;background:#ffffff0d;color:var(--text-main);outline:none}.comment-input-row button{background:var(--primary-color);color:#fff;border:none;padding:0 20px;border-radius:24px;font-weight:600;cursor:pointer;font-size:14px}.map-page-container{height:100vh;position:relative;overflow:hidden;background:var(--bg-app)}.map-view{width:100%;height:100%;z-index:0;filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.map-header-overlay{position:absolute;top:20px;left:0;width:100%;z-index:500;padding:0 16px;display:flex;flex-direction:column;gap:12px}.search-bar-row{display:flex;align-items:center;gap:12px}.back-btn-circle,.filter-btn-circle{width:44px;height:44px;background:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--glass-border);flex-shrink:0;transition:all .2s ease;color:var(--text-main)}.back-btn-circle:active,.filter-btn-circle:active{transform:scale(.95)}.search-field{flex:1;background:var(--bg-surface);border-radius:var(--radius-full);height:44px;display:flex;align-items:center;padding:0 16px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border)}.search-field input{border:none;outline:none;width:100%;margin-left:10px;font-size:14px;font-weight:500;color:var(--text-main);background:transparent}.filter-tabs-row{display:flex;gap:10px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.filter-tabs-row::-webkit-scrollbar{display:none}.filter-chip{background:var(--bg-surface);padding:10px 18px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.filter-chip.active{background:var(--primary-color);color:#0b0e14;border-color:var(--primary-color);box-shadow:0 0 15px #10b9814d}.location-control{position:absolute;bottom:240px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:400}.loc-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-color);color:#0b0e14;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b9814d;border:none;cursor:pointer;transition:all .2s ease}.loc-btn:active{transform:scale(.9)}.trail-detail-card{position:absolute;bottom:100px;left:16px;right:16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:16px;box-shadow:0 10px 40px #00000080;z-index:500;display:flex;gap:16px;border:1px solid var(--glass-border);animation:slideBottomSheet .4s cubic-bezier(.16,1,.3,1)}.card-img{width:110px;height:110px;border-radius:var(--radius-lg);object-fit:cover;filter:brightness(.9)}.card-content{flex:1;display:flex;flex-direction:column}.rating-row{display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.trail-title{font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:4px;letter-spacing:-.3px}.trail-location{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:500}.trail-stats{font-size:13px;color:var(--text-muted);font-weight:600}.tag-badge{display:inline-block;padding:4px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full);color:var(--primary-color);font-size:11px;font-weight:800;margin-top:10px;width:fit-content}@keyframes slideBottomSheet{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.map-style-switch{position:absolute;top:140px;right:12px;z-index:1000;display:flex;flex-direction:column;gap:4px;background:var(--glass-bg, rgba(255, 255, 255, .9));border-radius:8px;padding:4px;box-shadow:0 2px 8px #00000026}.map-style-switch button{padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.map-style-switch button.active{background:#10b981;color:#fff}.map-style-switch button:hover:not(.active){background:#10b9811a}.bottom-nav{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:440px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);display:flex;justify-content:space-around;padding:10px 8px;z-index:1000;box-shadow:0 10px 40px #0009}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);cursor:pointer;flex:1;border-radius:var(--radius-lg);padding:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:transparent;border:none}.nav-item:active{transform:scale(.9)}.nav-item.active{color:var(--primary-color)}.nav-item.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);z-index:-1;border-radius:50%;animation:pulse-glow 2s infinite}.nav-item span{font-size:11px;font-weight:700;letter-spacing:.2px}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:.4}}.hotel-page-container{min-height:100vh;background:linear-gradient(160deg,#0f172a,#1e1b4b,#0f172a);color:#f1f5f9;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden;padding-top:80px;padding-bottom:100px;position:relative}.hotel-page-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.hotel-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.hotel-topbar{max-width:1200px}}.search-container-glass{position:relative;z-index:20;margin:4px 16px 0;background:#1e293b66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #06b6d41a;display:flex;flex-direction:column;gap:12px}.glass-input{background:transparent;border:none;color:#f1f5f9;font-size:14px;width:100%;outline:none;font-family:inherit}.suggestions-dropdown-glass{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;z-index:50;box-shadow:0 12px 30px #00000080;max-height:200px;overflow-y:auto}.suggestion-item-glass{padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#f1f5f9;transition:all .15s;font-size:13px}.suggestion-item-glass:hover{background:#06b6d433;transform:translate(4px)}.hotel-content{padding:0}.category-tabs-glass{display:flex;gap:8px;padding:20px 16px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-icon{display:flex;align-items:center;font-size:16px}.hotel-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px 16px}.hotel-card-glass{background:#1e293b66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .35s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:flex;flex-direction:row;height:160px;box-shadow:0 4px 16px #0000004d}.hotel-card-glass:hover{transform:translateY(-4px);border-color:#06b6d44d;box-shadow:0 8px 32px #0006,0 0 20px #06b6d41a}.hotel-card-glass:active{transform:scale(.98)}.hotel-card-glass.selected{border:1.5px solid #06b6d4;box-shadow:0 0 0 3px #06b6d433,0 8px 24px #06b6d44d}.hotel-image-container{position:relative;width:140px;min-width:140px;height:100%;overflow:hidden;flex-shrink:0}.hotel-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hotel-card-glass:hover .hotel-image{transform:scale(1.08)}.hotel-info-glass{padding:14px;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0;overflow:hidden}.hotel-name{font-size:14px;font-weight:700;margin:0 0 4px;color:#f1f5f9;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hotel-rating-row{display:flex;align-items:center;gap:4px;font-size:12px;color:#cbd5e1}.hotel-address-row{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;line-height:1.3}.provider-tag{font-size:10px;background:#0f172a80;padding:2px 6px;border-radius:4px;color:#94a3b8}.price-unit{font-size:10px;color:#94a3b8}.room-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.room-modal-glass{background:#0f172af2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #06b6d433;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}.close-modal-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.modal-content-scroll{overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;background:#0f172a80}.amenities-section h4,.rooms-section h4{margin:0 0 12px;font-size:14px;text-transform:uppercase;color:#06b6d4;letter-spacing:1px}.amenities-grid{display:flex;flex-wrap:wrap;gap:8px}.amenity-tag{background:#1e293b80;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-size:13px;color:#cbd5e1;display:flex;align-items:center;gap:6px}.rooms-list{display:flex;flex-direction:column;gap:16px}.room-card-glass{background:#1e293b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:row;height:100px;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.room-card-glass:hover{border-color:#06b6d44d;box-shadow:0 4px 16px #0006}.room-image{width:100px;flex-shrink:0}.room-image img{width:100%;height:100%;object-fit:cover}.room-details{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.room-details h5{margin:0;font-size:15px;color:#f1f5f9;line-height:1.2}.room-size{margin:4px 0 0;font-size:12px;color:#94a3b8}.room-price-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.room-price{font-size:16px;font-weight:700;color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.3)}.select-room-btn{background:linear-gradient(135deg,#ec4899,#d946ef);color:#fff;border:none;padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ec489966;transition:all .3s ease}.select-room-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489980}@media(min-width:600px){.search-container-glass{flex-direction:row;flex-wrap:wrap;padding:20px;gap:16px;max-width:900px;margin:-30px auto 0}.hotel-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.hotel-card-glass{flex-direction:column;height:auto}.hotel-image-container{width:100%;min-width:unset;height:180px}.hotel-name{font-size:16px}.price-value{font-size:18px}.hotel-info-glass{padding:16px}}@media(min-width:1024px){.hotel-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:30px auto}.page-title{font-size:28px}}@media(max-width:480px){.room-modal-glass{height:100%;max-height:100%;border-radius:0}.room-card-glass{height:auto;min-height:100px}}.shopping-products-page{background:linear-gradient(135deg,#0a0e13,#1a1f2e,#0f1419);min-height:100vh;padding-top:64px;padding-bottom:80px;position:relative;overflow-x:hidden}.shopping-products-page:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.05) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none}.shopping-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.shopping-topbar{max-width:1200px}}.search-section{padding:20px;position:relative;z-index:10}.search-box-shopping{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:2px solid rgba(16,185,129,.2);border-radius:16px;padding:14px 18px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003}.search-box-shopping:focus-within{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 8px 24px #10b9814d;transform:translateY(-2px)}.search-box-shopping input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:15px;font-weight:500}.search-box-shopping input::placeholder{color:#888}.category-tabs{display:flex;gap:10px;padding:0 20px 20px;overflow-x:auto;scrollbar-width:none;position:relative;z-index:10}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#ccc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.category-tab:hover:before{left:100%}.category-tab:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.category-tab.active{background:linear-gradient(135deg,var(--primary-color),#059669);border-color:transparent;color:#fff;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.cat-icon{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px;position:relative;z-index:10}.product-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.1),transparent);opacity:0;transition:opacity .4s;pointer-events:none}.product-card:hover:before{opacity:1}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #10b9814d;border-color:#10b98166}.product-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:linear-gradient(135deg,#0006,#0003)}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.1)}.discount-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:800;box-shadow:0 4px 12px #ff6b3566;animation:pulse 2s infinite}.platform-badge{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:8px;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.2)}.product-info{padding:14px;background:#0003}.product-name{margin:0 0 10px;font-size:14px;font-weight:600;color:#fff;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.product-rating{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12px}.rating-value{color:gold;font-weight:700;text-shadow:0 2px 4px rgba(255,215,0,.3)}.sold-count{color:#999;margin-left:4px;font-size:11px}.product-price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.price-group{display:flex;flex-direction:column;gap:2px}.current-price{color:var(--primary-color);font-size:17px;font-weight:800;text-shadow:0 2px 8px rgba(16,185,129,.4)}.original-price{color:#666;font-size:12px;text-decoration:line-through}.buy-now-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary-color),#059669);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #10b9814d;position:relative;overflow:hidden}.buy-now-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.buy-now-btn:hover:before{width:300px;height:300px}.buy-now-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98180}.buy-now-btn:active{transform:translateY(0)}.empty-state{text-align:center;padding:80px 20px;color:#999;position:relative;z-index:10}.empty-icon{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{font-size:15px;font-weight:500}@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}.product-name{font-size:15px}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto}.search-section,.category-tabs{max-width:1400px;margin-left:auto;margin-right:auto}}.flash-sale-page{min-height:100vh;background:linear-gradient(135deg,#0a0e13,#1a1f2e,#0f1419);padding-top:64px;padding-bottom:80px;position:relative;overflow-x:hidden}.flash-sale-page:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,107,53,.05) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flash-sale-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.flash-sale-topbar{max-width:1200px}}.nav-back-btn:hover{background:#ffffff1a;color:#ff6b35;transform:translate(-2px)}.topbar-title{flex:1;display:flex;justify-content:center;align-items:center}.topbar-action{padding:8px;cursor:pointer;color:#aaa;border-radius:12px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.flash-sale-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.logo-icon{font-size:32px;filter:drop-shadow(0 4px 8px rgba(255,107,53,.5));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{background:linear-gradient(135deg,#ff6b35,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:12px}.notification-badge{position:relative;cursor:pointer;padding:8px;border-radius:12px;transition:background .3s}.notification-badge:hover{background:#ffffff0d}.notification-badge .badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 8px #ff6b3580}.user-avatar-small{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #FF6B35;box-shadow:0 4px 12px #ff6b354d;cursor:pointer;transition:all .3s}.user-avatar-small:hover{transform:scale(1.1);box-shadow:0 6px 16px #ff6b3580}.points-container{display:flex;gap:12px;padding:20px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:16px;border-radius:16px;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,255,255,.08)}.points-card{flex:1;text-align:center;padding:12px;background:#ff6b350d;border-radius:12px;border:1px solid rgba(255,107,53,.1);transition:all .3s}.points-card:hover{background:#ff6b351a;transform:translateY(-2px)}.points-label{font-size:13px;color:#999;margin-bottom:8px;font-weight:500}.points-value{font-size:22px;font-weight:800;background:linear-gradient(135deg,#ff6b35,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-actions{display:flex;justify-content:space-around;padding:20px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 16px 16px;border-radius:16px;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,255,255,.08)}.action-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px;border-radius:12px}.action-item:hover{transform:translateY(-4px);background:#ffffff0d}.action-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff6b354d;transition:all .3s}.action-item:hover .action-icon{transform:scale(1.1);box-shadow:0 6px 20px #ff6b3580}.action-label{font-size:12px;color:#ccc;text-align:center;max-width:80px;font-weight:500}.cashback-section{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 16px 16px;padding:20px;border-radius:16px;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,255,255,.08)}.cashback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cashback-header h3{font-size:17px;background:linear-gradient(135deg,#ff6b35,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700}.cashback-icons{display:flex;gap:8px;font-size:22px}.cashback-badge{background:linear-gradient(135deg,#4169e1,#5b8dee);color:#fff;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 4px 12px #4169e166}.link-input-container{display:flex;gap:10px;margin-bottom:16px}.link-input{flex:1;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(255,107,53,.2);border-radius:12px;font-size:14px;outline:none;color:#fff;transition:all .3s}.link-input::placeholder{color:#666}.link-input:focus{border-color:#ff6b35;background:#ffffff14;box-shadow:0 4px 16px #ff6b354d}.activate-btn{background:linear-gradient(135deg,#ff6b35,#ff8e53);border:none;border-radius:12px;padding:14px 20px;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #ff6b3566}.activate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3599}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{flex:1;min-width:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#ffffff0d;font-size:12px;cursor:pointer;transition:all .3s;color:#ccc;font-weight:500}.filter-btn.active{background:linear-gradient(135deg,#ff6b3533,#ff8e5333);border-color:#ff6b35;color:#ff6b35;box-shadow:0 4px 12px #ff6b354d}.filter-btn:hover{border-color:#ff6b35;background:#ff6b351a}.flash-deals-banner{background:linear-gradient(135deg,#ff6b35,#ff8e53);margin:0 16px 16px;padding:24px;border-radius:16px;box-shadow:0 8px 24px #ff6b3566;position:relative;overflow:hidden}.flash-deals-banner:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.banner-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.banner-title{color:#fff}.deal-badge{background:gold;color:#ff6b35;padding:6px 14px;border-radius:16px;font-size:11px;font-weight:800;display:inline-block;margin-bottom:10px;box-shadow:0 2px 8px #0003}.banner-title h2{margin:8px 0 6px;font-size:22px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.2)}.banner-title p{margin:0;font-size:14px;opacity:.95}.deal-prices{display:flex;gap:12px}.deal-price{padding:14px 22px;border-radius:12px;text-align:center;color:#fff;font-weight:700;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deal-icon{display:block;font-size:28px;margin-bottom:6px}.price{display:block;font-size:22px;font-weight:800}.notification-card{background:#4169e11a;border:1px solid rgba(65,105,225,.2);margin:0 16px 16px;padding:18px;border-radius:16px;display:flex;align-items:center;gap:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-icon{font-size:28px}.notification-card p{margin:0;font-size:14px;color:#8bb4ff;line-height:1.5}.points-summary{display:flex;gap:12px;padding:0 16px}.summary-card{flex:1;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;border-radius:16px;box-shadow:0 4px 16px #0000004d;display:flex;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.08);transition:all .3s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.summary-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 4px 12px #0000004d}.summary-content{flex:1}.summary-label{font-size:12px;color:#999;margin-bottom:6px;font-weight:500}.summary-value{font-size:18px;font-weight:800;color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.cashback-modal{background:#141820f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;max-width:360px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-cashback{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header-cashback h3{margin:0;font-size:18px;color:#fff;font-weight:700}.close-modal{background:#ffffff1a;border:none;font-size:24px;color:#999;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s}.close-modal:hover{background:#fff3;color:#fff}.modal-body-cashback{padding:32px 20px;text-align:center}.total-cashback{margin-bottom:28px}.cashback-icon-large{font-size:64px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(255,215,0,.5))}.cashback-amount{font-size:40px;font-weight:800;background:linear-gradient(135deg,#ff6b35,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.cashback-unit{font-size:15px;color:#999;font-weight:600}.cashback-note{background:#ff6b351a;border:1px solid rgba(255,107,53,.2);padding:16px;border-radius:12px;display:flex;gap:12px;align-items:flex-start;text-align:left}.note-icon{color:#ff6b35;font-size:18px;margin-top:2px}.cashback-note p{margin:0;font-size:13px;color:#ccc;line-height:1.6}.withdraw-btn{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;border:none;border-radius:14px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;margin-top:24px;box-shadow:0 6px 20px #ff6b3566;transition:all .3s;width:100%}.withdraw-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b3599}.withdraw-btn:active{transform:translateY(0)}:root{--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-purple: #a855f7;--glass-border: rgba(255, 255, 255, .1);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .5)}.trekking-page{min-height:100vh;background-color:#0f172a;background-image:url(https://images.unsplash.com/photo-1551632811-561732d1e306?q=80&w=1080&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;color:#f1f5f9;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden;padding-top:80px;padding-bottom:100px;position:relative}.trekking-page:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#0f172a4d,#0f172acc);pointer-events:none;z-index:0}.trekking-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.trekking-topbar{max-width:1200px}}.nav-back-btn:hover{background:#ffffff1a;color:#06b6d4;transform:translate(-2px)}.search-container-glass{position:relative;z-index:20;margin:4px 16px 0;background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #06b6d41a;display:flex;flex-direction:column;gap:12px}.input-group-glass{flex:1;min-width:0;position:relative}.glass-label{display:flex;align-items:center;gap:4px;font-size:11px;color:#06b6d4;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.glass-input-wrapper{display:flex;align-items:center;background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;gap:8px;transition:all .3s ease}.glass-input-wrapper:focus-within{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433,0 0 20px #06b6d41a;background:#0f172ab3}.glass-input,.glass-select{background:transparent;border:none;color:#f1f5f9;font-size:14px;width:100%;outline:none;font-family:inherit}.glass-input::placeholder{color:#64748b}.glass-select{cursor:pointer}.glass-select option{background:#1e293b;color:#f1f5f9}.trekking-content{padding:0}.category-tabs-glass{display:flex;gap:8px;padding:20px 16px 0;margin-top:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:1}.category-tabs-glass::-webkit-scrollbar{display:none}.category-tab-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1e293b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#94a3b8;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:13px;font-weight:500;flex-shrink:0}.category-tab-pill:hover{background:#1e293b99;color:#f1f5f9;border-color:#06b6d44d;transform:translateY(-2px)}.category-tab-pill.active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 14px #06b6d466,0 0 20px #06b6d433}.tour-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px 16px}.tour-card-glass{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .35s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:flex;flex-direction:row;height:160px;box-shadow:0 4px 16px #0000004d}.tour-card-glass:hover{transform:translateY(-4px);border-color:#06b6d44d;box-shadow:0 8px 32px #0006,0 0 20px #06b6d41a}.tour-card-glass:active{transform:scale(.98)}.tour-image-container{position:relative;width:140px;min-width:140px;height:100%;overflow:hidden;flex-shrink:0}.tour-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tour-card-glass:hover .tour-image{transform:scale(1.08)}.badge-overlay{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 8px;border-radius:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.badge-overlay.popular{background:linear-gradient(135deg,#ec4899,#d946ef)}.tour-info-glass{padding:14px;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0;overflow:hidden}.tour-name{font-size:14px;font-weight:700;margin:0 0 4px;color:#f1f5f9;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tour-rating-row{display:flex;align-items:center;gap:4px;font-size:12px;color:#cbd5e1}.star-icon{fill:#fbbf24;color:#fbbf24;width:12px;height:12px}.tour-location-row{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;line-height:1.3}.tour-fitness-tag{font-size:10px;background:#0f172a80;padding:2px 6px;border-radius:4px;color:#94a3b8;margin:4px 0;display:inline-block}.divider{height:1px;background:#ffffff1a;margin:6px 0}.price-row-glass{display:flex;justify-content:space-between;align-items:flex-end}.duration-tag{font-size:10px;background:#0f172a80;padding:2px 6px;border-radius:4px;color:#94a3b8}.price-tag{text-align:right}.price-value{display:block;font-size:16px;font-weight:700;color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.3)}.empty-glass{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#94a3b8;background:#1e293b4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px dashed rgba(255,255,255,.1)}.empty-text{margin-top:12px;font-size:14px;color:#cbd5e1}.tour-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.tour-modal-glass{background:#0f172af2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #06b6d433;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-modal-btn:hover{background:#000000b3;transform:scale(1.1)}.modal-header-image{position:relative;height:200px;flex-shrink:0}.modal-header-image img{width:100%;height:100%;object-fit:cover}.modal-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:60px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.modal-title-overlay h3{margin:0;font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-rating{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:#e2e8f0}.modal-content-scroll{overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;background:#0f172a80}.modal-section h4{margin:0 0 12px;font-size:14px;text-transform:uppercase;color:#06b6d4;letter-spacing:1px}.modal-section ul{list-style:none;padding:0;margin:0}.modal-section li{padding:8px 0;color:#cbd5e1;font-size:13px;display:flex;align-items:flex-start;gap:8px}.modal-section li:before{content:"✓";color:#06b6d4;font-weight:700;flex-shrink:0}.book-now-btn{background:linear-gradient(135deg,#ec4899,#d946ef);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ec489966;transition:all .3s ease;width:100%}.book-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489980}@media(min-width:600px){.search-container-glass{flex-direction:row;flex-wrap:wrap;padding:20px;gap:16px;max-width:900px;margin:20px auto 0}.tour-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.tour-card-glass{flex-direction:column;height:auto}.tour-image-container{width:100%;min-width:unset;height:180px}.tour-name{font-size:16px}.price-value{font-size:18px}.tour-info-glass{padding:16px}}@media(min-width:1024px){.tour-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:30px auto}}@media(max-width:480px){.tour-modal-glass{height:100%;max-height:100%;border-radius:0}}.tour-type-toggle-container-v2{position:relative;z-index:900!important;max-width:1200px;margin:10px auto;padding:0 20px;display:block!important;visibility:visible!important;opacity:1!important;min-height:60px;z-index:1001!important}.tour-type-toggle{display:flex;gap:12px;background:#1e293b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:8px;box-shadow:0 8px 32px #0000004d}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:transparent;border:none;border-radius:12px;color:#94a3b8;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toggle-btn:hover{color:#f1f5f9;background:#ffffff0d}.toggle-btn.active{background:linear-gradient(135deg,#06b6d4,#ec4899);color:#fff;box-shadow:0 4px 12px #06b6d44d}.toggle-btn.active .toggle-icon{transform:scale(1.1)}@media(max-width:768px){.tour-type-toggle{gap:8px;padding:4px}.toggle-btn{padding:14px 20px;font-size:15px}}.wizard-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 12px 12px;margin-top:-4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 10px 25px #00000080}.guide-badge{position:absolute;top:8px;left:8px;z-index:5;display:flex;align-items:center;gap:8px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(6,182,212,.3);border-radius:12px;padding:6px 12px 6px 6px;box-shadow:0 4px 12px #0006}.guide-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#06b6d4,#ec4899);display:flex;align-items:center;justify-content:center;font-size:16px}.guide-avatar img{width:100%;height:100%;object-fit:cover}.guide-info-mini{display:flex;flex-direction:column;gap:2px}.guide-name{font-size:13px;font-weight:600;color:#f1f5f9;line-height:1.2}.guide-stats{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.guide-stats span{display:flex;align-items:center;gap:2px}.tour-card-glass,.tour-image-container{position:relative}@media(max-width:768px){.guide-badge{padding:4px 10px 4px 4px;gap:6px}.guide-avatar{width:28px;height:28px;font-size:14px}.guide-name{font-size:12px}.guide-stats{font-size:10px}}.custom-tour-wizard-glass{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;margin:20px auto;max-width:800px;color:#f1f5f9;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-progress{position:relative;margin-bottom:30px;padding:0 10px}.progress-track{height:4px;background:#ffffff1a;border-radius:2px;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:2px;transition:width .4s ease}.progress-steps{display:flex;justify-content:space-between;position:relative;z-index:2}.step-dot{width:24px;height:24px;background:#0f172a;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#94a3b8;transition:all .3s ease}.step-dot.active{border-color:#10b981;background:#10b981;color:#fff;box-shadow:0 0 10px #10b98180;transform:scale(1.1)}.wizard-step h3{margin-top:0;font-size:18px;color:#06b6d4;margin-bottom:20px;text-align:center}.wizard-form-group{margin-bottom:20px}.wizard-form-group label{display:block;margin-bottom:8px;color:#cbd5e1;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.wizard-input,.wizard-textarea{width:100%;padding:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;outline:none;transition:border .2s}.wizard-input:focus,.wizard-textarea:focus{border-color:#06b6d4}.search-input-wrapper-glass{position:relative;display:flex;align-items:center}.search-input-wrapper-glass .search-icon{position:absolute;left:12px;color:#06b6d4;pointer-events:none}.wizard-input.search{padding-left:40px}.wizard-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e293bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 12px 12px;margin-top:-4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 10px 25px #00000080}.wizard-suggestions-dropdown .suggestion-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;font-size:14px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}.wizard-suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.wizard-suggestions-dropdown .suggestion-item:hover:not(.empty-state){background:#06b6d41a;color:#fff}.wizard-suggestions-dropdown .suggestion-item svg{color:#06b6d4;flex-shrink:0}.suggestion-text{display:flex;flex-direction:column;gap:2px}.loc-name{font-weight:500}.tag-match{font-size:10px;color:#06b6d4;background:#06b6d41a;padding:1px 6px;border-radius:4px;width:fit-content}.suggestion-item.empty-state{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;cursor:default}.suggestion-item.empty-state span{color:#94a3b8;font-style:italic}.add-custom-location-btn{background:#06b6d4;color:#fff;border:none;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.add-custom-location-btn:hover{background:#0891b2;transform:translateY(-1px)}.wizard-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wizard-options-grid.col-2{grid-template-columns:repeat(2,1fr)}.option-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all .2s;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.option-card:hover{background:#ffffff1a}.option-card.selected{background:#10b98133;border-color:#10b981;color:#10b981;font-weight:600}.wizard-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#cbd5e1;cursor:pointer;font-size:13px;transition:all .2s}.tag-btn.active{background:#06b6d4;border-color:#06b6d4;color:#fff}.wizard-row{display:flex;gap:16px}.wizard-row>div{flex:1}.attractions-list{max-height:300px;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.attraction-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .2s}.attraction-item:hover{background:#0f172a99}.attraction-item.selected{border-color:#06b6d4;background:#06b6d426}.attraction-name{font-weight:600;display:block;color:#e2e8f0}.attraction-type{font-size:11px;color:#94a3b8}.no-data-text{text-align:center;color:#64748b;font-style:italic;margin-top:20px}.review-card{background:#0f172a66;border-radius:16px;padding:20px;margin-bottom:20px}.review-section{margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.review-section:last-child{border-bottom:none}.review-section h4{margin:0 0 8px;color:#10b981;font-size:14px;text-transform:uppercase}.review-section p{margin:4px 0;font-size:13px;color:#cbd5e1}.wizard-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.wizard-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn.prev{background:#ffffff1a;color:#cbd5e1}.wizard-btn.prev:hover:not(:disabled){background:#fff3;color:#fff}.wizard-btn.next{background:#06b6d4;color:#fff}.wizard-btn.next:hover{background:#0891b2}.wizard-btn.submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98166}.wizard-btn.submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}@media(max-width:600px){.wizard-options-grid{grid-template-columns:repeat(2,1fr)}.wizard-options-grid.col-2{grid-template-columns:1fr}}.transport-page{min-height:100vh;background:linear-gradient(to bottom,#0f172a33,#0f172a99),url(https://images.unsplash.com/photo-1519681393784-d120267933ba?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;color:#f1f5f9;font-family:Inter,system-ui,sans-serif;padding-bottom:50px;overflow-x:hidden}.fadeIn{animation:fadeInStep .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transport-header-glass{display:flex;align-items:center;padding:20px 24px;gap:16px;position:relative;z-index:10}.back-btn-glass{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.back-btn-glass:hover{background:#fff3;transform:translate(-2px)}.transport-header-glass h1{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.transport-header-wizard{padding:16px;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:90;display:flex;justify-content:center}.transport-steps-container{display:flex;align-items:center;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:6px;gap:4px}.transport-step-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;color:#94a3b8;font-size:13px;font-weight:600;transition:all .3s ease;border:1px solid transparent;cursor:default}.transport-step-item.active{background:#10b9811a;color:#10b981;border-color:#10b981;box-shadow:0 0 15px #10b98133}.transport-step-item.completed{color:#10b981}.step-number{width:20px;height:20px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:11px}.transport-step-item.active .step-number{background:#10b981;color:#fff}.transport-step-item.completed .step-number{background:#10b98133;color:#10b981}.step-arrow{color:#475569;margin:0 4px}.transport-content-v2{max-width:1200px;margin:24px auto;padding:0 16px}.location-selection-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:900px){.location-selection-grid{grid-template-columns:450px 1fr}}.section-glass-card-v2{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;box-shadow:0 12px 40px #0003}.section-title{font-size:14px;font-weight:700;color:#06b6d4;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.location-flow-v2{position:relative;display:flex;flex-direction:column;gap:16px}.flow-line{position:absolute;left:17px;top:25px;bottom:25px;width:1px;background:dashed #fff3;z-index:0}.input-box-glass{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.dot-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot-icon.start{background:#06b6d4;box-shadow:0 0 10px #06b6d4}.dot-icon.end{background:#ec4899;box-shadow:0 0 10px #ec4899}.field-container{flex:1;position:relative}.field-container input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .3s}.field-container input:focus{border-color:#06b6d4;background:#0f172acc;box-shadow:0 0 0 4px #06b6d41a}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-top:5px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 10px 40px #0009}.suggestion-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#06b6d426}.suggestion-icon-box{width:32px;height:32px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.suggestion-item:hover .suggestion-icon-box{background:#06b6d4;color:#fff}.suggestion-text{flex:1;overflow:hidden}.suggestion-title{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.suggestion-subtitle{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:hover .suggestion-title{color:#fff}.suggestion-item:hover .suggestion-subtitle{color:#cbd5e1}.recent-history-mini{display:flex;align-items:center;gap:8px;margin-top:12px;width:100%;font-size:11px;color:#64748b}.history-tag{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);padding:2px 8px;border-radius:6px;color:#06b6d4;cursor:pointer;transition:all .2s}.history-tag:hover{background:#06b6d4;color:#fff;box-shadow:0 0 10px #06b6d480}.distance-badge{margin-top:24px;padding:12px;background:#06b6d40d;border:1px solid rgba(6,182,212,.2);border-radius:12px;color:#06b6d4;font-weight:700;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 10px #06b6d41a}.vehicle-card-v2.selected{background:#06b6d41a;border-color:#06b6d4;box-shadow:0 0 25px #06b6d426,inset 0 0 10px #06b6d41a}.vehicle-card-v2.selected .vehicle-icon-v2{color:#06b6d4;text-shadow:0 0 10px rgba(6,182,212,.5)}.vehicle-grid-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;padding-bottom:0}.vehicle-card-v3{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;position:relative;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:10px}.vehicle-icon-large{font-size:32px;margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .3s}.vehicle-details h4{font-size:16px;margin:0 0 2px}.vehicle-details .desc{color:#94a3b8;font-size:12px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.meta-info{display:flex;gap:12px;font-size:12px;color:#64748b}.meta-info span{display:flex;align-items:center;gap:4px}.vehicle-price-v3{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:baseline}.vehicle-price-v3 .label{font-size:12px;color:#64748b}.vehicle-price-v3 .amount{font-size:18px;font-weight:700;color:#06b6d4;text-shadow:0 0 20px rgba(6,182,212,.3)}.select-indicator{position:absolute;bottom:24px;right:24px;display:none}@media(max-width:640px){.vehicle-grid-v3{grid-template-columns:1fr}}.map-preview-container{height:400px}.map-glass-frame{height:100%;background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;padding:4px}.leaflet-container{background:transparent!important}.leaflet-bar{border:none!important;box-shadow:0 4px 12px #0000004d!important}.leaflet-bar a{background-color:#1e293be6!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.selection-header{text-align:center;margin-bottom:12px}.selection-header h2{font-size:20px;color:#fff;margin-bottom:4px}.selection-header p{color:#94a3b8;font-size:13px;display:none}.vehicle-grid-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding-bottom:0}.vehicle-card-v3{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;position:relative;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.vehicle-card-v3:hover{background:#1e293b99;transform:translateY(-2px);border-color:#fff3}.vehicle-card-v3.selected{background:#06b6d41a;border-color:#06b6d4;box-shadow:0 0 15px #06b6d426,inset 0 0 1px #06b6d480;animation:selectedPulse 2s infinite}@keyframes selectedPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.vehicle-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase;box-shadow:0 2px 6px #0000004d;z-index:10}.vehicle-icon-large{font-size:24px;margin-bottom:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));background:#ffffff0d;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.vehicle-details{flex:1;min-width:0}.vehicle-details h4{color:#f1f5f9;font-size:14px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-details .desc{display:none}.meta-info{display:flex;gap:8px;font-size:10px;color:#94a3b8;margin-bottom:2px}.vehicle-price-v3{margin-top:auto;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:8px;display:flex;justify-content:flex-end;align-items:baseline}.vehicle-price-v3 .label{display:inline-block;font-size:10px;color:#94a3b8;margin-right:4px}.vehicle-price-v3 .amount{font-size:16px;font-weight:700;color:#06b6d4}.transport-options-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:100px}.vehicle-card-v2{background:#1e293b66;border:1.5px solid rgba(255,255,255,.05);border-radius:20px;padding:20px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.vehicle-card-v2:hover{background:#1e293b99;border-color:#06b6d44d;transform:translateY(-4px)}.vehicle-card-v2.selected{background:#06b6d41a;border-color:#06b6d4;box-shadow:0 0 25px #06b6d426}.vehicle-icon-v2{font-size:32px;width:64px;height:64px;background:#0f172a80;display:flex;align-items:center;justify-content:center;border-radius:16px}.vehicle-info-v2{flex:1}.vehicle-info-v2 h4{font-size:17px;margin-bottom:4px;color:#fff}.vehicle-info-v2 p{font-size:13px;color:#64748b}.vehicle-price-v2 span{font-size:18px;font-weight:700;color:#06b6d4}.summary-list{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item .label{color:#94a3b8;font-size:14px}.summary-item .value{color:#fff;font-weight:600;text-align:right;font-size:14px}.summary-item.total{border-bottom:none;margin-top:10px}.summary-item.total .value{font-size:24px;color:#06b6d4;text-shadow:0 0 15px rgba(6,182,212,.3)}.notes-textarea-v2{width:100%;background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:#fff;font-size:13px;min-height:80px;outline:none;font-family:inherit;transition:border-color .2s}.notes-textarea-v2:focus{border-color:#06b6d4}.field-label-mini{display:block;font-size:12px;color:#94a3b8;margin-bottom:8px;font-weight:600}.addons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.addon-chip{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;position:relative}.addon-chip:hover{background:#ffffff14;border-color:#fff3}.addon-chip.active{background:#06b6d41a;border-color:#06b6d4}.addon-icon{font-size:20px}.addon-info{display:flex;flex-direction:column;flex:1}.addon-name{font-size:13px;font-weight:500;color:#f1f5f9}.addon-price{font-size:11px;color:#06b6d4}.check-icon{color:#06b6d4;margin-left:auto}.summary-item.total{cursor:pointer;position:relative;padding:16px 0}.insight-icon{color:#06b6d4;margin-left:4px}.fare-insight-popup{position:absolute;bottom:100%;right:0;width:240px;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #06b6d4;border-radius:12px;padding:12px;margin-bottom:8px;box-shadow:0 10px 30px #00000080;z-index:100}.insight-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#94a3b8}.insight-row:last-child{margin-bottom:0}.insight-row span:last-child{color:#f1f5f9;font-weight:600}.datetime-row-v2{display:flex;gap:12px}.datetime-row-v2 input[type=time]{flex:1;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .3s}.datetime-row-v2 input[type=time]:focus{border-color:#06b6d4;background:#0f172acc;box-shadow:0 0 0 4px #06b6d41a}.wizard-footer-v2{display:flex;justify-content:space-between;margin-top:40px;gap:16px}.btn-primary,.btn-secondary,.btn-confirm-glow{padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px;font-size:15px;border:none}.btn-primary{background:#06b6d4;color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#94a3b8}.btn-confirm-glow{background:linear-gradient(90deg,#06b6d4,#ec4899);color:#fff;width:100%;justify-content:center;box-shadow:0 0 20px #06b6d44d}.btn-confirm-glow:hover{transform:translateY(-2px);box-shadow:0 0 30px #06b6d480}.qr-ticket-container{background:#fff;border-radius:16px;padding:20px;text-align:center;position:relative;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:280px}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px dashed #e5e7eb}.ticket-label{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:1px}.ticket-id{font-family:monospace;font-weight:700;color:#0f172a;font-size:14px}.qr-code-wrapper{background:#f8fafc;padding:16px;border-radius:12px;display:inline-block;position:relative;overflow:hidden}.qr-placeholder{display:flex;align-items:center;justify-content:center}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:#10b981;box-shadow:0 0 10px #10b981;animation:scan 3s infinite linear;opacity:.5}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.ticket-info{margin-top:20px}.ticket-instruction{font-size:13px;color:#64748b;margin-bottom:8px}.ticket-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#10b981;font-weight:600}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ticket-holes{position:absolute;top:35%;left:0;width:100%;height:20px;pointer-events:none}.hole{width:20px;height:20px;background:#0f172a;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.hole.left{left:-10px}.hole.right{right:-10px}.itinerary-container{padding:10px 0}.itinerary-day{margin-bottom:24px}.day-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-left:60px}.day-label{font-size:14px;font-weight:700;color:#10b981;background:#10b9811a;padding:4px 12px;border-radius:12px}.day-date{font-size:14px;color:#94a3b8}.timeline-item{display:flex;gap:16px;position:relative;padding-bottom:24px}.timeline-item:last-child{padding-bottom:0}.time-column{width:60px;text-align:right;font-family:monospace;font-size:13px;color:#94a3b8;padding-top:4px}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:32px;position:relative}.marker-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background:#1e293b;border:2px solid #334155;color:#94a3b8}.marker-dot.transport{border-color:#3b82f6;color:#3b82f6}.marker-dot.meal{border-color:#f59e0b;color:#f59e0b}.marker-dot.activity{border-color:#10b981;color:#10b981}.marker-dot.view{border-color:#8b5cf6;color:#8b5cf6}.timeline-line{position:absolute;top:32px;bottom:-24px;width:2px;background:#334155}.content-column{flex:1;padding-top:6px}.content-column h4{margin:0;font-size:14px;font-weight:500;color:#fff}.packing-list-container{background:#ffffff0d;border-radius:12px;padding:16px;margin-top:16px}.packing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.packing-header h4{margin:0;font-size:15px;color:#fff}.packing-subtitle{font-size:11px;color:#94a3b8}.mini-progress-bar{width:60px;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.mini-progress-bar .fill{height:100%;background:#10b981;transition:width .3s ease}.packing-items{display:flex;flex-direction:column;gap:8px}.packing-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0003;border-radius:8px;cursor:pointer;transition:all .2s}.packing-item:hover{background:#ffffff0d}.packing-item.checked{opacity:.6;text-decoration:line-through}.packing-item.checked span{color:#64748b}.packing-item span{font-size:13px;color:#e2e8f0}.booking-timeline{padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.timeline-header{display:flex;align-items:center;gap:8px;margin:0 0 24px;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.timeline-container{position:relative}.timeline-item{display:flex;gap:16px;position:relative;margin-bottom:24px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#ffffff80;transition:all .3s ease;z-index:2}.timeline-item.completed .timeline-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.timeline-item.error .timeline-icon{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f5576c;color:#fff;box-shadow:0 4px 12px #f5576c66}.timeline-line{width:2px;flex:1;background:#ffffff1a;margin-top:4px;min-height:40px}.timeline-item.completed .timeline-line{background:linear-gradient(to bottom,#667eea,#667eea33)}.timeline-content{flex:1;padding-top:4px}.timeline-title{font-size:15px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.timeline-item.pending .timeline-title{color:#ffffff80}.timeline-description{font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:6px;line-height:1.4}.timeline-item.pending .timeline-description{color:#fff6}.timeline-timestamp{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.timeline-timestamp svg{opacity:.7}.timeline-item{animation:slideIn .4s ease-out backwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:600px){.timeline-icon{width:36px;height:36px}.timeline-icon svg{width:16px;height:16px}.timeline-title{font-size:14px}.timeline-description{font-size:12px}}.qr-ticket{padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.qr-ticket-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.qr-ticket-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.qr-ticket-content{display:flex;flex-direction:column;gap:24px}.qr-code-wrapper{display:flex;flex-direction:column;align-items:center;padding:24px;background:#fff;border-radius:12px}.qr-display{padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.qr-display canvas{display:block;border-radius:4px}.qr-instruction{margin:16px 0 0;font-size:13px;color:#666;text-align:center}.ticket-details{display:flex;flex-direction:column;gap:16px}.ticket-detail-row{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.ticket-detail-row:hover{background:#ffffff14}.detail-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;flex-shrink:0}.detail-content{flex:1;display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.download-ticket-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.download-ticket-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.download-ticket-btn:active{transform:translateY(0)}.qr-ticket{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.qr-ticket,.qr-code-wrapper{padding:16px}.qr-display canvas{width:160px!important;height:160px!important}.ticket-detail-row{padding:10px}.detail-icon{width:28px;height:28px}.detail-icon svg{width:14px;height:14px}}.payment-history{padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.payment-history-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.payment-history-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.payment-summary{display:flex;flex-direction:column;gap:12px;padding:16px;background:#ffffff0d;border-radius:10px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.summary-value{font-size:16px;font-weight:700}.summary-value.total{color:var(--text-primary, #fff)}.summary-value.paid{color:#66bb6a}.summary-value.refunded{color:#ffa726}.payment-transactions{display:flex;flex-direction:column;gap:12px}.payment-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.payment-item:hover{background:#ffffff14;border-color:#fff3}.payment-item.pending{border-color:#ffa7264d}.payment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.payment-item.completed .payment-icon{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.payment-item.pending .payment-icon{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.payment-item.failed .payment-icon{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.payment-item.refund .payment-icon{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff}.payment-info{flex:1;display:flex;flex-direction:column;gap:4px}.payment-description{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.payment-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.meta-separator{opacity:.5}.payment-amount{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.amount{font-size:16px;font-weight:700;color:#ef5350}.amount.refund{color:#66bb6a}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#66bb6a33;color:#66bb6a}.status-badge.pending{background:#ffa72633;color:#ffa726}.status-badge.failed{background:#ef535033;color:#ef5350}.payment-action{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.pay-now-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.pay-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pay-now-btn:active{transform:translateY(0)}.payment-item{animation:slideInRight .4s ease-out backwards}.payment-item:nth-child(1){animation-delay:.1s}.payment-item:nth-child(2){animation-delay:.2s}.payment-item:nth-child(3){animation-delay:.3s}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:600px){.payment-history{padding:16px}.payment-item{padding:12px}.payment-icon{width:36px;height:36px}.payment-icon svg{width:18px;height:18px}.payment-description{font-size:13px}.amount{font-size:14px}}.booking-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:flex-end;padding:0;animation:fadeIn .3s ease}@media(min-width:768px){.booking-modal-overlay{align-items:center;padding:40px}}.booking-modal{background:#0f172a;width:100%;height:90vh;border-radius:24px 24px 0 0;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px #00000080;animation:slideUp .3s ease}@media(min-width:768px){.booking-modal{width:900px;height:85vh;border-radius:24px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-modal-btn{position:absolute;top:16px;right:16px;z-index:10;background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-content-scroll{flex:1;overflow-y:auto;padding-bottom:80px}.modal-hero{height:200px;position:relative}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0f172a,transparent);padding:24px}.hero-tag{background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase}.hero-overlay h2{margin:8px 0;font-size:24px;color:#fff}.hero-meta{display:flex;gap:16px;color:#e2e8f0;font-size:13px}.hero-meta span{display:flex;align-items:center;gap:6px}.modal-body{padding:24px}.modal-section{margin-bottom:32px}.modal-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.modal-grid{grid-template-columns:2fr 1fr}}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-bottom:24px}.card-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.weather-widget{background:linear-gradient(135deg,#3b82f6,#2563eb)}.weather-display{text-align:center;color:#fff}.weather-display .temp{font-size:42px;font-weight:700}.weather-desc{font-size:14px;margin-bottom:8px;opacity:.9}.weather-meta{font-size:11px;background:#fff3;padding:4px 8px;border-radius:12px;display:inline-block}.guide-profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.guide-profile img{width:48px;height:48px;border-radius:50%;object-fit:cover}.guide-profile h4{margin:0;color:#fff;font-size:14px}.guide-profile p{margin:2px 0 0;color:#94a3b8;font-size:12px}.chat-guide-btn{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.chat-guide-btn:hover{background:#fff3}.modal-footer-actions{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px}.action-btn{flex:1;padding:14px;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none}.action-btn.secondary{background:#ffffff1a;color:#fff}.action-btn.primary{background:#10b981;color:#fff}.modal-tabs{display:flex;gap:8px;padding:16px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#ffffffe6;background:#ffffff0d}.tab-btn.active{color:#fff;border-bottom-color:#667eea}.tab-btn svg{opacity:.7}.tab-btn.active svg{opacity:1}.tab-content{padding:24px;animation:fadeInContent .3s ease}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.modal-tabs{padding:12px 16px 0;gap:4px}.tab-btn{padding:10px 16px;font-size:13px}.tab-btn svg{width:14px;height:14px}}.share-button{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.share-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.share-button:active:before{width:300px;height:300px}.share-button-small{padding:6px 12px;font-size:12px}.share-button-medium{padding:10px 16px;font-size:14px}.share-button-large{padding:14px 24px;font-size:16px}.share-button-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.share-button-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.share-button-primary:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.share-button-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.share-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.share-button-ghost{background:transparent;color:#10b981;border:1px solid #10B981}.share-button-ghost:hover{background:#10b9811a;border-color:#059669;color:#059669}.share-button-copied{background:linear-gradient(135deg,#10b981,#34d399)!important;animation:pulse-success .6s ease-out}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.share-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.share-button:disabled:hover{transform:none!important;box-shadow:none!important}.share-button svg{transition:transform .3s ease}.share-button:hover svg{transform:scale(1.1)}.share-button-copied svg{animation:check-bounce .6s ease}@keyframes check-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.share-button-text{position:relative;z-index:1;white-space:nowrap}@media(max-width:768px){.share-button-large{padding:12px 20px;font-size:15px}.share-button-medium{padding:8px 14px;font-size:13px}}@media(prefers-color-scheme:light){.share-button-secondary{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#1f2937}.share-button-secondary:hover{background:#0000001a;border-color:#0003}}.booking-card{cursor:pointer}.my-bookings-container{padding:80px 20px;background:#0b0e14;min-height:100vh;color:#fff}.bookings-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.bookings-topbar{max-width:1200px}}.nav-back-btn:hover{background:#ffffff1a;color:#10b981;transform:translate(-2px)}.topbar-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.booking-count-badge{background:#10b9811a;color:#10b981;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.booking-count{background:#ffffff1a;padding:4px 12px;border-radius:20px;font-size:12px;color:#9ca3af}.filter-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.filter-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;padding:8px 16px;border-radius:20px;font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s}.filter-tab.active{background:#10b981;color:#fff;border-color:#10b981;font-weight:600}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;cursor:pointer}.booking-card:hover{background:#ffffff14}.booking-card.booked{border-left:4px solid #10B981}.booking-card.completed{border-left:4px solid #3B82F6}.booking-card.cancelled{border-left:4px solid #EF4444;opacity:.7}.booking-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.service-type{display:flex;align-items:center;gap:6px;font-size:13px;color:#10b981;font-weight:600;background:#10b9811a;padding:4px 8px;border-radius:6px}.booking-status{font-size:12px;color:#9ca3af;background:#ffffff0d;padding:2px 8px;border-radius:4px}.location-title{font-size:18px;font-weight:700;margin:0 0 12px;color:#fff}.booking-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#d1d5db}.detail-icon{color:#6b7280}.booking-actions{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.cancel-btn,.delete-btn{background:transparent;padding:8px 12px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.cancel-btn{border:1px solid rgba(239,68,68,.3);color:#ef4444}.delete-btn{color:#9ca3af}.empty-state{text-align:center;padding:40px 20px;background:#ffffff05;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.payment-status-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.1)}.process-tag{font-size:12px;color:#9ca3af;font-weight:500}.view-more-hint{display:flex;align-items:center;gap:4px;font-size:12px;color:#10b981;font-weight:600}.book-now-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:16px}.advanced-filters-section{margin-bottom:20px}.toggle-filters-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.toggle-filters-btn:hover{background:#ffffff14}.advanced-filters-panel{margin-top:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;grid-template-columns:1fr;gap:16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#ffffffe6}.filter-input,.filter-select{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea;background:#ffffff14}.filter-input::placeholder{color:#fff6}.filter-select option{background:#1a1d2e;color:#fff}.price-range-inputs{display:flex;align-items:center;gap:12px}.price-input{flex:1}.range-separator{color:#ffffff80;font-weight:600}.reset-filters-btn{padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-filters-btn:hover{background:#ef444433}@media(min-width:768px){.advanced-filters-panel{grid-template-columns:repeat(3,1fr)}.reset-filters-btn{grid-column:1 / -1;width:fit-content;margin-left:auto}}.cross-training-container{padding:20px 20px 80px;background:#0b0e14;min-height:100vh;color:#fff}.ct-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:#1a1a1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}@media(min-width:1024px){.ct-topbar{max-width:1200px}}.nav-back-btn{background:none;border:none;padding:8px;cursor:pointer;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-back-btn:hover{background:#ffffff1a;color:#667eea}.topbar-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px;text-align:center}.topbar-action{padding:8px;cursor:pointer;color:#aaa;border-radius:12px;display:flex;align-items:center;transition:all .2s ease}.topbar-action:hover{background:#ffffff1a;color:#fff}.ct-header-info{margin-top:20px;margin-bottom:20px}.ct-subtitle{color:#fff9;font-size:13px;margin:0;text-align:center}.ct-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:20px}.ct-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:8px;min-width:100px}.stat-icon{font-size:14px}.stat-value{font-size:14px;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:9px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.ct-programs-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:16px;padding-right:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.ct-programs-grid::-webkit-scrollbar{height:6px}.ct-programs-grid::-webkit-scrollbar-track{background:transparent}.ct-programs-grid::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.ct-program-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;min-width:180px;width:180px;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ct-program-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.ct-program-card:hover{background:#ffffff14;transform:translateY(-4px)}.ct-program-card:hover:before{opacity:1}.ct-program-card.enrolled{border-color:#667eea}.program-icon{font-size:24px;text-align:center;margin-bottom:8px}.program-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.program-header h3{font-size:13px;font-weight:700;margin:0;color:#fff}.difficulty-badge{padding:3px 8px;border-radius:8px;font-size:10px;font-weight:600;color:#fff}.program-description{color:#ffffffb3;font-size:10px;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.program-sports{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sport-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;color:#fff}.program-stats{display:flex;gap:12px;margin-bottom:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.program-stat{display:flex;align-items:center;gap:4px;color:#ffffffb3;font-size:11px}.program-progress{margin-bottom:16px}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.progress-percent{font-weight:700;color:#667eea}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-detail{margin-top:8px;font-size:12px;color:#fff9}.program-cta{width:100%;padding:8px;border-radius:8px;border:none;font-weight:600;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.program-cta.enroll{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.program-cta.continue{background:#10b98133;color:#10b981;border:1px solid #10B981}.ct-header-spacing{height:20px}.cross-training-detail{padding:60px 20px 80px;background:#0b0e14;min-height:100vh;color:#fff}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffffff1a}.ct-hero{text-align:center;padding:24px 16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;margin-bottom:24px}.hero-icon{font-size:48px;margin-bottom:12px}.ct-hero h1{font-size:24px;font-weight:800;margin:0 0 8px}.hero-description{color:#ffffffb3;font-size:13px;margin:0 0 20px}.hero-sports{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.hero-sport-badge{padding:6px 12px;border-radius:10px;font-size:12px;font-weight:600;color:#fff}.hero-stats{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.hero-stat{display:flex;align-items:center;gap:12px}.enroll-full-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .3s ease}.enroll-full-btn:hover{transform:scale(1.05)}.ct-progress-overview{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px;margin-bottom:24px}.ct-progress-overview h3{margin:0 0 12px;font-size:16px}.progress-bar-large{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:12px}.progress-stats{display:flex;justify-content:space-between;font-size:14px}.ct-levels-section{margin-bottom:24px}.ct-levels-section h2{font-size:20px;font-weight:700;margin:0 0 8px}.section-subtitle{color:#fff9;font-size:14px;margin:0 0 24px}.levels-timeline{position:relative}.level-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:16px;position:relative}.level-card.current{border-color:#667eea;background:#667eea0d}.level-card.completed{border-color:#10b981;background:#10b9810d}.level-number{display:flex;align-items:center;gap:8px;margin-bottom:12px}.roman{font-size:24px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.status-icon{color:#6b7280}.status-icon.completed{color:#10b981}.status-icon.current{width:12px;height:12px;background:#667eea;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.level-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.level-header h3{font-size:16px;font-weight:700;margin:0}.level-name{color:#fff9;font-size:13px;margin:2px 0 0}.level-price{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:700;color:#667eea}.level-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#fff9}.info-value{font-size:14px;font-weight:600;color:#fff}.level-actions{display:flex;gap:12px}.view-level-btn,.buy-level-btn{flex:1;padding:8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-level-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff}.buy-level-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.level-detail-container{padding:20px 20px 80px;background:#0b0e14;min-height:100vh;color:#fff}.level-detail-hero{text-align:center;padding:24px 16px;margin-bottom:24px}.level-badge{display:inline-block;font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.level-detail-hero h1{font-size:24px;font-weight:700;margin:0 0 8px}.level-description{color:#fff9;font-size:14px}.tier-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:12px;overflow:hidden}.tier-section.completed{border-color:#10b981}.tier-header{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.tier-header:hover{background:#ffffff0d}.tier-info h3{margin:0 0 4px;font-size:16px}.tier-days{display:flex;align-items:center;gap:4px;font-size:13px;color:#fff9}.tier-meta{display:flex;align-items:center;gap:12px}.tier-price{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:700;color:#667eea}.tier-status-icon{color:#10b981}.tier-content{padding:0 16px 16px}.days-grid{display:grid;gap:10px}.day-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.day-card.completed{border-color:#10b981}.day-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease}.day-header:hover{background:#ffffff0d}.day-number{display:flex;align-items:center;gap:8px;font-weight:600}.day-status-icon{color:#10b981}.day-status-icon.in-progress{color:#f59e0b}.day-date{font-size:13px;color:#fff9}.day-workouts{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.workout-session{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px}.workout-session.completed{border-color:#10b981;background:#10b9810d}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.session-time{display:flex;align-items:flex-start;gap:6px}.time-icon{font-size:16px}.session-label{font-size:11px;font-weight:600;color:#fff}.date-selection{margin-top:12px}.date-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e5e7eb;font-size:14px;font-family:inherit;transition:all .2s ease}.date-input:focus{outline:none;border-color:#10b981;background:#ffffff14}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.session-sport{font-size:13px;font-weight:600;margin-top:2px}.complete-btn{padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .3s ease;font-size:11px}.complete-btn:hover:not(:disabled){background:#10b98133;border-color:#10b981}.complete-btn.completed{background:#10b98133;border-color:#10b981;color:#10b981}.workout-content{padding-left:28px}.workout-description{margin:0 0 8px;font-size:14px;color:#fffc}.workout-duration{font-size:12px;color:#fff9}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.payment-modal{background:#1a1d2e;border-radius:16px;padding:20px;max-width:360px;width:100%}.payment-modal h3{margin:0 0 16px;font-size:18px}.payment-details{margin-bottom:20px}.payment-details p{margin:0 0 8px;font-size:13px;color:#fffc}.modal-actions{display:flex;gap:10px}.btn-secondary,.btn-primary{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.stage-content{padding:0 20px 20px}.stage-locked-view{text-align:center;padding:20px;background:#ffffff05;border-radius:12px}.enroll-stage-btn{margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.stage-enroll-form h4{font-size:14px;color:#fff9;margin-bottom:12px;font-weight:600}.sports-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.sport-select-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;position:relative;font-size:13px}.sport-select-item.selected{border-color:#667eea;background:#667eea1a}.sport-select-item .check-icon{position:absolute;top:6px;right:6px;color:#667eea}.location-selection select{width:100%;padding:12px;background:#1a1d2e;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px}.enroll-summary{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.price-tag{font-size:16px;font-weight:700;color:#667eea}.confirm-enroll-btn{padding:10px 20px;background:#10b981;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;font-size:13px}.user-selected-info{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 12px;background:#667eea1a;border-radius:16px;font-size:12px;color:#667eea}.status-pulse{width:10px;height:10px;background:#667eea;border-radius:50%;box-shadow:0 0 10px #667eea;animation:p-pulse 2s infinite}@keyframes p-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.day-num-tag{background:linear-gradient(135deg,#667eea,#764ba2);padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}.day-workouts{padding:16px;display:flex;flex-direction:column;gap:12px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.workout-session{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s ease}.workout-session.done{border-color:#10b9814d;background:#10b9810d}.session-info{display:flex;gap:12px;align-items:flex-start;flex:1}.session-time-icon{font-size:24px;background:#ffffff0d;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.session-text{flex:1}.session-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;color:#ffffff80}.session-desc{font-size:14px;line-height:1.5;color:#e5e7eb;margin-bottom:6px}.session-duration{font-size:12px;color:#667eea;font-weight:600}.complete-session-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.complete-session-btn .dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%}.complete-session-btn:hover{background:#ffffff1a;border-color:#fff}.complete-session-btn.completed{background:#10b981;border-color:#10b981;color:#fff}.complete-session-btn.completed .dot{display:none}.category-section{margin-bottom:24px}.category-header{background:#ffffff08;border-left:3px solid #667eea;border-radius:8px;padding:8px 12px;margin-bottom:12px}.category-title{display:flex;align-items:center;gap:8px;margin-bottom:2px}.category-icon{font-size:16px}.category-title h3{font-size:14px;font-weight:700;margin:0;color:#fff}.category-description{color:#fff9;font-size:11px;margin:0 0 4px;line-height:1.2}.category-count{display:inline-block;padding:2px 6px;background:#ffffff1a;border-radius:6px;font-size:9px;font-weight:600;color:#fffc}.room-create-container{min-height:100vh;background:linear-gradient(180deg,#121212,#000);color:#fff}.room-create-header{display:flex;align-items:center;padding:16px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.room-create-header .back-btn{background:none;border:none;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.room-create-header h2{margin:0 0 0 12px;font-size:18px;font-weight:600;color:#fff}.room-create-content{padding:20px 20px 100px}.sport-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px #ff6b6b4d}.sport-icon{font-size:20px}.form-section{margin-bottom:20px}.form-section label{display:block;font-size:14px;font-weight:600;color:#ccc;margin-bottom:8px}.form-section input,.form-section select,.form-section textarea{width:100%;padding:14px 16px;border:1px solid #333;border-radius:12px;font-size:15px;background:#1e1e1e;color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.form-section textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:12px}.form-section.half{flex:1}.level-options{display:flex;gap:10px}.level-option{flex:1;padding:12px;background:#1e1e1e;border:2px solid #333;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s}.level-option:hover{border-color:#666}.level-option.active{border-color:#ff6b6b;background:#ff6b6b1a}.level-label{font-weight:600;color:#fff;font-size:14px}.level-desc{font-size:11px;color:#888;margin-top:4px}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #ff6b6b33}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.submit-btn:active{transform:translateY(0)}.room-list-container{min-height:100vh;background:linear-gradient(180deg,#121212,#000);padding-bottom:100px;color:#fff}.room-list-header{display:flex;align-items:center;padding:16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.room-list-header .back-btn{background:#fff3;border:none;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px}.header-content{margin-left:16px}.header-content h2{margin:0;font-size:20px;font-weight:700}.header-content p{margin:4px 0 0;font-size:14px;opacity:.9}.filter-tabs{display:flex;gap:8px;padding:16px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.filter-tabs button{padding:8px 16px;border:1px solid #333;background:#1e1e1e;color:#ccc;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-tabs button:hover{border-color:#666;color:#fff}.filter-tabs button.active{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.room-list-content{padding:16px}.room-card{background:#1e1e1e;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0003;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.05)}.room-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0006;border-color:#ff6b6b66}.room-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.room-owner{display:flex;align-items:center;gap:10px}.owner-avatar{width:40px;height:40px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;overflow:visible}.owner-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.crown-badge{position:absolute;bottom:-4px;right:-4px;font-size:12px;background:#1e1e1e;border-radius:50%;padding:2px;border:1px solid rgba(255,255,255,.1)}.owner-info{display:flex;flex-direction:column}.owner-name{font-weight:600;font-size:14px;color:#fff}.room-time{font-size:12px;color:#888}.spots-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#03a9f426!important;color:#29b6f6!important}.room-title{margin:0 0 12px;font-size:16px;color:#fff;line-height:1.4}.room-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#aaa}.level-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.room-fee{font-size:14px;color:#ff8e53;font-weight:600;margin-bottom:12px}.room-participants{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.participants-avatars{display:flex;align-items:center}.participant-avatar{width:28px;height:28px;border-radius:50%;background:#333;border:2px solid #1e1e1e;display:flex;align-items:center;justify-content:center;font-size:14px}.participant-avatar.more{background:#ff6b6b;color:#fff;font-size:11px;font-weight:600}.join-prompt{font-size:13px;color:#ff6b6b;font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#fff}.empty-state p{color:#888;margin:0 0 24px}.create-btn-empty{padding:14px 28px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ff6b6b4d}.fab-create{position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff6b6b66;cursor:pointer;z-index:100;transition:transform .2s}.fab-create:hover{transform:scale(1.1)}.room-detail-container{min-height:100vh;background:linear-gradient(180deg,#121212,#000);display:flex;flex-direction:column;color:#fff}.room-detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;position:sticky;top:0;z-index:100}.room-detail-header .back-btn{background:#ffffff1a;border:none;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px}.header-info{text-align:center}.header-info h2{margin:0;font-size:18px;font-weight:700}.member-count{font-size:12px;color:#aaa}.more-btn{background:#ffffff1a;border:none;padding:10px 14px;cursor:pointer;color:#fff;border-radius:12px;font-weight:700;letter-spacing:2px}.room-info-card{background:#1e1e1e;margin:16px;border-radius:20px;padding:20px;box-shadow:0 4px 16px #0003;border:1px solid rgba(255,255,255,.05)}.room-owner-section{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.owner-avatar-large{width:56px;height:56px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;border:1px solid rgba(255,255,255,.1)}.owner-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.owner-avatar-large .crown{position:absolute;bottom:-4px;right:-4px;font-size:16px;background:#1e1e1e;border-radius:50%;padding:2px;box-shadow:0 2px 4px #0000004d}.owner-details{display:flex;flex-direction:column}.owner-label{font-size:12px;color:#888}.owner-name{font-size:16px;font-weight:600;color:#fff}.room-title-large{font-size:18px;color:#fff;margin:0 0 20px;line-height:1.4}.room-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.detail-item{display:flex;align-items:flex-start;gap:12px}.detail-icon{font-size:20px;width:36px;height:36px;background:#2d2d2d;border-radius:10px;display:flex;align-items:center;justify-content:center}.detail-content{display:flex;flex-direction:column}.detail-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:600;color:#fff}.fee-section{background:#ff6b6b1a;padding:12px 16px;border-radius:12px;margin-bottom:16px;color:#ff6b6b}.fee-section strong{color:#ff8e53}.notes-section{background:#2d2d2d;padding:12px 16px;border-radius:12px;margin-bottom:16px}.notes-label{font-weight:600;color:#ccc;display:block;margin-bottom:6px}.notes-section p{margin:0;color:#fff;font-size:14px;line-height:1.5}.spots-section{margin-bottom:20px}.progress-bar{height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(255,255,255,.05)}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e53);border-radius:4px;transition:width .3s ease}.spots-text{font-size:13px;color:#888}.participants-section{border-top:1px solid rgba(255,255,255,.05);padding-top:16px;margin-bottom:16px}.section-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:12px}.participants-list{display:flex;flex-direction:column;gap:10px}.participant-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#2d2d2d;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.participant-item img{width:36px;height:36px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:36px;height:36px;border-radius:50%;background:#444;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar-placeholder.admin-avatar{background:linear-gradient(135deg,#4834d4,#686de0)}.participant-name{flex:1;font-weight:500;color:#fff}.role-tag{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.role-tag.owner{background:#ffc10733;color:#ffc107}.role-tag.admin{background:#6c5ce733;color:#a29bfe}.action-section{margin-top:16px}.join-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #ff6b6b4d}.join-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b80}.leave-btn{width:100%;padding:16px;background:transparent;color:#ff6b6b;border:2px solid #FF6B6B;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer}.full-btn{width:100%;padding:16px;background:#333;color:#666;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:not-allowed}.chat-section{flex:1;display:flex;flex-direction:column;background:#1e1e1e;margin:0 16px 16px;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0003;border:1px solid rgba(255,255,255,.05)}.chat-header{padding:14px 16px;background:#252525;border-bottom:1px solid rgba(255,255,255,.05);font-weight:600;display:flex;justify-content:space-between;align-items:center;color:#fff}.join-hint{font-size:12px;color:#888;font-weight:400}.chat-messages{flex:1;padding:16px;overflow-y:auto;max-height:400px;min-height:200px}.message{display:flex;gap:10px;margin-bottom:16px}.message.own{flex-direction:row-reverse}.message.system{justify-content:center}.message-avatar{width:32px;height:32px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.message.admin .message-avatar{background:linear-gradient(135deg,#4834d4,#686de0)}.message-content{max-width:75%}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sender-name{font-size:12px;font-weight:600;color:#ccc}.role-badge{font-size:10px;padding:2px 6px;border-radius:6px;font-weight:600}.role-badge.admin{background:#6c5ce733;color:#a29bfe}.role-badge.owner{background:#ffc10733;color:#ffc107}.message-bubble{padding:10px 14px;background:#333;border-radius:4px 16px 16px;color:#fff}.message.own .message-bubble{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border-radius:16px 4px 16px 16px}.message.admin .message-bubble{background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);color:#d1c4e9}.message.system .message-bubble{background:#2e7d3226;color:#81c784;font-size:13px;border-radius:20px}.message-bubble p{margin:0;line-height:1.4}.message-time{font-size:10px;opacity:.7;display:block;margin-top:4px;text-align:right;color:#ffffffb3}.chat-input-container{display:flex;gap:10px;padding:12px 16px;background:#252525;border-top:1px solid rgba(255,255,255,.05)}.chat-input-container.disabled{opacity:.6}.chat-input-container input{flex:1;padding:12px 16px;border:1px solid #333;border-radius:24px;font-size:14px;outline:none;background:#1e1e1e;color:#fff;transition:border-color .2s}.chat-input-container input:focus{border-color:#ff6b6b}.chat-input-container input:disabled{background:#1a1a1a;cursor:not-allowed}.send-btn{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;box-shadow:0 4px 12px #ff6b6b4d}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{background:#555;cursor:not-allowed;box-shadow:none}.multisport-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#121212,#000);z-index:1000;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff}.multisport-topbar{height:56px;background:#1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.nav-back-btn{background:none;border:none;padding:8px;cursor:pointer;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-back-btn:hover{background:#333}.topbar-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px}.topbar-action{padding:8px;cursor:pointer;color:#aaa;border-radius:12px;display:flex;align-items:center}.topbar-action:hover{background:#333;color:#fff}.multisport-scroll-area{flex:1;overflow-y:auto;padding:16px 16px 100px}.multisport-main-container{max-width:600px;margin:0 auto;animation:fadeIn .4s ease-out}.hero-banner{background:linear-gradient(135deg,#ff6b6b,#ff8e53,#ffc837);border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.hero-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.hero-content{position:relative;z-index:1}.hero-tag{display:inline-block;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px;border:1px solid rgba(255,255,255,.2)}.hero-desc{color:#fff;font-size:15px;font-weight:500;margin:0;max-width:200px;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-illustration{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.multisport-options-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.option-card-new{border-radius:18px;padding:20px 16px;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;background:#1e1e1e;border:1px solid rgba(255,255,255,.05)}.option-card-new:hover{transform:translateY(-4px) scale(1.02)}.option-card-new.match-card{background:linear-gradient(145deg,#d63031,#ff7675);box-shadow:0 8px 24px #d6303133}.option-card-new.venue-card{background:linear-gradient(145deg,#6c5ce7,#a29bfe);box-shadow:0 8px 24px #6c5ce733}.option-card-bg{position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.option-card-content{position:relative;z-index:1;color:#fff;text-align:center}.option-emoji{font-size:36px;margin-bottom:8px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.option-card-content h4{margin:0 0 4px;font-size:16px;font-weight:700}.option-card-content p{margin:0;font-size:12px;opacity:.9}.suggested-section{margin-bottom:24px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title-group{display:flex;align-items:center;gap:8px}.fire-icon,.bolt-icon{font-size:18px}.section-title-group h3{margin:0;font-size:15px;font-weight:700;color:#fff}.view-all-btn{background:none;border:none;color:#ff6b6b;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;transition:background .2s}.view-all-btn:hover{background:#ff6b6b1a}.no-rooms-card{background:#1e1e1e;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 2px 12px #0003}.no-rooms-visual{height:70px;margin-bottom:16px;position:relative}.floating-icons{position:relative;width:100%;height:100%}.float-icon{position:absolute;font-size:28px;animation:bounce 2s ease-in-out infinite}.float-icon.i1{left:30%;top:10%;animation-delay:0s}.float-icon.i2{left:50%;top:20%;animation-delay:.3s}.float-icon.i3{left:65%;top:5%;animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-rooms-card h4{margin:0 0 6px;font-size:16px;color:#fff}.no-rooms-card p{margin:0 0 20px;color:#aaa;font-size:14px}.create-room-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff6b6b33}.create-room-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.create-room-btn span{font-size:18px;font-weight:400}.rooms-list{display:flex;flex-direction:column;gap:10px}.room-card-compact{background:#1e1e1e;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.05)}.room-card-compact:hover{border-color:#ff6b6b;background:#252525;box-shadow:0 4px 16px #0000004d;transform:translate(4px)}.room-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.sport-badge-small{width:44px;height:44px;background:#2d2d2d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.room-text{flex:1;min-width:0}.room-text h5{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta-compact{display:flex;align-items:center;gap:6px;font-size:11px;color:#aaa;margin-bottom:2px}.room-loc{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.room-card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.spots-bubble{text-align:center;background:#2e7d3233;padding:6px 10px;border-radius:10px;border:1px solid rgba(46,125,50,.3)}.spots-bubble.urgent{background:#c6282833;border:1px solid rgba(198,40,40,.3);animation:pulse 1.5s infinite}.spots-num{font-size:16px;font-weight:700;color:#4caf50;display:block;line-height:1}.spots-bubble.urgent .spots-num{color:#ef5350}.spots-label{font-size:9px;color:#aaa;text-transform:uppercase}.join-arrow{font-size:18px;color:#ff6b6b;font-weight:600}.quick-sports{margin-bottom:20px}.sports-chips{display:flex;flex-direction:column;gap:10px}.sport-chip{background:#1e1e1e;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s;border:1px solid rgba(255,255,255,.05)}.sport-chip:hover{border-color:#6c5ce7;background:#252525;transform:translate(4px)}.chip-icon{width:40px;height:40px;background:#2d2d2d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid rgba(255,255,255,.05)}.chip-name{flex:1;font-size:14px;font-weight:600;color:#fff}.chip-arrow{color:#666}.sport-chip:hover .chip-arrow{color:#a29bfe}.sports-selection-container{max-width:800px;margin:0 auto;animation:slideUp .4s ease-out}.section-title{margin-bottom:24px}.section-title h3{font-size:20px;margin:0 0 4px;color:#fff}.section-title p{color:#aaa;font-size:14px}.sports-grid-pro{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sport-card-pro{background:#1e1e1e;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 4px 16px #0000004d;transition:transform .25s,box-shadow .25s;border:1px solid rgba(255,255,255,.05)}.sport-card-pro:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000080;border-color:#6c5ce7}.sport-image{height:100px;background-color:#333;background-size:cover;background-position:center;position:relative}.sport-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 100%)}.sport-icon-floating{position:absolute;bottom:-18px;right:14px;width:42px;height:42px;background:#2d2d2d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #0000004d;border:2px solid #1e1e1e}.sport-details{padding:22px 14px 16px}.sport-details h4{margin:0 0 4px;font-size:15px;font-weight:700;color:#fff}.sport-details p{margin:0;font-size:12px;color:#aaa;line-height:1.4}.coming-soon-container{display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.coming-soon-card{background:#1e1e1e;border-radius:24px;padding:36px 28px;text-align:center;max-width:380px;width:100%;box-shadow:0 12px 40px #0006;animation:popIn .35s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05)}.coming-soon-icon{font-size:64px;margin-bottom:20px;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.coming-soon-card h2{margin:0 0 16px;color:#fff;font-size:22px}.status-badge{display:inline-block;padding:8px 16px;background:#ff475726;color:#ff6b6b;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid rgba(255,71,87,.2)}.coming-soon-text{font-size:15px;color:#ddd;margin-bottom:8px}.coming-soon-subtext{font-size:14px;color:#888;margin-bottom:24px}.notify-form{display:flex;gap:10px;margin-bottom:24px}.notify-form input{flex:1;padding:12px 16px;border:1px solid #333;border-radius:12px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;background:#121212;color:#fff}.notify-form input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.notify-form button{padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s}.notify-form button:hover{transform:scale(1.02)}.text-btn{background:none;border:none;color:#888;font-size:14px;cursor:pointer;text-decoration:underline}.text-btn:hover{color:#bbb}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.share-handler-container{min-height:100vh;background:linear-gradient(135deg,#0b0e14,#1a1f2e);padding:20px;display:flex;align-items:center;justify-content:center}.share-handler-loading,.share-handler-error{text-align:center;color:#fff}.loading-spinner{width:48px;height:48px;border:4px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.share-handler-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:24px;max-width:600px;width:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d}.share-handler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.share-handler-header h2{font-size:24px;font-weight:700;color:#fff;margin:0}.share-close-btn{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;transition:all .2s ease}.share-close-btn:hover{background:#ffffff26;color:#fff}.share-preview{margin-bottom:24px}.share-preview h3{font-size:16px;font-weight:600;color:#fffc;margin:0 0 16px}.share-preview-section{margin-bottom:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.preview-label{display:flex;align-items:center;gap:8px;color:#10b981;font-size:14px;font-weight:600;margin-bottom:8px}.preview-text{color:#ffffffe6;font-size:14px;line-height:1.6;margin:0;word-break:break-word}.preview-link{color:#10b981;font-size:14px;text-decoration:none;word-break:break-all;transition:color .2s ease}.preview-link:hover{color:#34d399;text-decoration:underline}.share-files-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.file-preview-item{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0000004d}.file-preview-item img{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#10b9811a;color:#10b981;font-size:24px}.share-handler-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.share-btn{padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.share-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.share-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.share-btn.secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.share-btn.secondary:hover{background:#ffffff26;color:#fff}.share-handler-note{font-size:12px;color:#ffffff80;text-align:center;margin:0;line-height:1.5}@media(max-width:768px){.share-handler-card{padding:20px}.share-handler-header h2{font-size:20px}.share-files-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.notification-prompt-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;opacity:0;transition:opacity .3s ease}.notification-prompt-overlay.visible{opacity:1}.notification-prompt-card{background:linear-gradient(135deg,#1a1f2e,#0f1419);border-radius:24px;padding:32px 24px;max-width:420px;width:100%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);position:relative;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-prompt-card.visible{transform:scale(1) translateY(0);opacity:1}.notification-prompt-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;transition:all .2s ease}.notification-prompt-close:hover{background:#ffffff26;color:#fff}.notification-prompt-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}}.notification-prompt-title{font-size:24px;font-weight:700;color:#fff;text-align:center;margin:0 0 12px}.notification-prompt-description{font-size:15px;color:#ffffffb3;text-align:center;line-height:1.6;margin:0 0 24px}.notification-prompt-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.benefit-item{display:flex;align-items:center;gap:12px}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-text{font-size:14px;color:#ffffffe6;font-weight:500}.notification-prompt-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.notification-btn{padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.notification-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.notification-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.notification-btn.primary:active{transform:translateY(0)}.notification-btn.secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.notification-btn.secondary:hover{background:#ffffff26;color:#fff}.notification-prompt-note{font-size:12px;color:#ffffff80;text-align:center;margin:0;line-height:1.5}@media(max-width:480px){.notification-prompt-card{padding:28px 20px}.notification-prompt-title{font-size:20px}.notification-prompt-description{font-size:14px}.notification-prompt-icon{width:64px;height:64px}.notification-prompt-icon svg{width:36px;height:36px}}.app-container{min-height:100vh;padding-bottom:120px;background:var(--bg-app)}.install-prompt{position:fixed;bottom:80px;left:16px;right:16px;z-index:2000;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.install-content{background:linear-gradient(135deg,#10b981,#059669);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #10b98166;border:1px solid rgba(255,255,255,.2)}.install-icon{font-size:32px;flex-shrink:0}.install-text{flex:1}.install-text h4{margin:0 0 4px;font-size:14px;font-weight:800;color:#fff}.install-text p{margin:0;font-size:12px;color:#ffffffe6;line-height:1.4}.install-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.install-btn{padding:8px 16px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.install-btn.primary{background:#fff;color:#059669}.install-btn.primary:active{transform:scale(.95);background:#f0fdf4}.install-btn.secondary{background:#fff3;color:#fff}.install-btn.secondary:active{transform:scale(.95);background:#ffffff4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1;overflow-y:auto;background-color:var(--bg-app);padding-bottom:100px}.banner-section{padding:0 20px;margin-bottom:32px}.banner-card{width:100%;height:180px;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-lg);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05)}.banner-card:active{transform:scale(.97)}.banner-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:brightness(.85)}.banner-card:hover .banner-img{transform:scale(1.05)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0b0e1400 30%,#0b0e14cc);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.banner-text h3{color:#fff;font-size:20px;margin-bottom:12px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.6);letter-spacing:-.5px}.banner-btn{background:var(--primary-color);color:#0b0e14;border:none;border-radius:var(--radius-md);padding:10px 20px;font-size:12px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:fit-content;box-shadow:0 6px 20px #10b9814d;transition:all .3s ease}.banner-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.section-header{padding:0 20px;margin-top:32px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.section-header h3{font-size:18px;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.tabs{display:flex;gap:24px;overflow-x:auto;padding-bottom:8px}.tabs::-webkit-scrollbar{display:none}.tab{font-size:14px;color:var(--text-muted);font-weight:700;white-space:nowrap;position:relative;padding-bottom:8px;transition:all .3s ease;cursor:pointer}.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--primary-color);border-radius:var(--radius-full);box-shadow:0 0 8px var(--primary-color)}.cards-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 20px 24px;scrollbar-width:none}.cards-scroll::-webkit-scrollbar{display:none}.trail-card{min-width:260px;background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}.trail-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#10b98133}.trail-card img{width:100%;height:160px;object-fit:cover;transition:transform .6s ease;filter:brightness(.9)}.trail-card:hover img{transform:scale(1.05);filter:brightness(1)}.card-info{padding:18px}.trail-card.discovery{min-width:220px}.card-info h4{font-size:16px;font-weight:800;margin-bottom:6px;color:var(--text-main);letter-spacing:-.2px}.card-info p{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.edit-modal.luxe{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:0;width:90%;max-width:450px;box-shadow:0 25px 60px #00000080;border:1px solid var(--glass-border);overflow-y:auto;max-height:90vh;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}.modal-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,rgba(16,185,129,.05),transparent)}.modal-header h3{margin:0;font-size:20px;font-weight:800;color:var(--primary-color)}.close-btn{background:transparent;border:none;font-size:24px;color:#999;cursor:pointer;transition:color .2s}.close-btn:hover{color:#ff5722}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.input-field.Luxe{display:flex;flex-direction:column;gap:8px}.input-field.Luxe label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.input-field.Luxe input{background:#ffffff08;border:2px solid var(--glass-border);padding:14px 16px;border-radius:12px;font-size:15px;font-weight:600;color:var(--text-main);transition:all .2s;outline:none}.input-field.Luxe input:focus{border-color:var(--primary-color);background:#ffffff12;box-shadow:0 0 0 4px #10b9811a}.modal-row{display:flex;gap:16px}.modal-row .input-field.Luxe{flex:1}.modal-footer{padding:20px 24px;background:#0003;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--glass-border)}.cancel-action{background:transparent;border:1px solid var(--glass-border);padding:12px 24px;border-radius:12px;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:all .2s}.cancel-action:hover{background:#ffffff0d;color:var(--text-main)}.save-action{background:var(--primary-color);color:#0b0e14;border:none;padding:12px 24px;border-radius:12px;font-weight:900;cursor:pointer;box-shadow:0 6px 20px #10b9814d;transition:all .2s}.save-action:hover{transform:translateY(-2px);background:var(--primary-light);box-shadow:0 8px 24px #10b98166}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.glass-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.glass-btn:active{transform:scale(.95);background:#ffffff4d}.booking-card-container{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;z-index:10}.booking-card-static{width:100%;max-width:400px;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.info-note{background:#10b9811a;border-left:3px solid var(--primary-color);padding:12px;border-radius:8px;margin-top:16px}.info-note p{font-size:12px;color:var(--text-muted);font-weight:500;margin:0;line-height:1.5}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.price-estimate{display:flex;justify-content:space-between;align-items:center;padding:14px;background:linear-gradient(135deg,#10b98126,#10b9810d);border-radius:10px;margin-top:12px;border:1px solid rgba(16,185,129,.3)}.price-label{font-size:14px;color:var(--text-secondary);font-weight:500}.price-value{font-size:20px;font-weight:800;color:#10b981}@media(max-width:480px){.app-container{padding-bottom:90px}.banner-section{padding:0 16px;margin-bottom:24px}.banner-card{height:160px}.section-header{padding:0 16px;margin-top:24px}.section-header h3{font-size:16px}.categories-scroll{padding:0 16px 12px;gap:12px}.card-item{min-width:240px}.bottom-nav{padding:10px 16px 24px;height:auto}}