:root{--fontstyle:"Figtree",sans-serif;--boxshadow:0 4px 20px #0000000a;--color:#c49525}body{font-family:var(--fontstyle);background-color:#f6f6f6;margin:0;font-size:12px;font-style:normal;font-weight:500}*{box-sizing:border-box;font-family:var(--fontstyle)}.bg-red{color:#fff;background-color:#af3636}.main-card{box-shadow:var(--boxshadow);border-radius:20px!important}@media (max-width:576px){.main-card{border-radius:10px!important}}.text-brand{color:var(--color)!important}.text-white{color:#fff!important}.text-dark{color:#000!important}.text-muted{color:#333!important}.bg-muted{background-color:#efefef!important}.text-warning{color:#f59e0b!important}.text-danger{color:#ef4444!important}.icon{color:#888;cursor:pointer;background-color:#f6f6f6;border-radius:50px;padding:6px;font-size:14px}.page-color-card{color:#fff;background:linear-gradient(90deg,#0d47a1,#42a5f5);padding:40px 20px}.main-patch{background:linear-gradient(90deg,#402e04 0%,#845f08 100%);padding:24px}.section-1{margin-top:28px!important}.main-section{background-color:#fff}@media (max-width:576px){.main-section .container{margin:0 auto;padding:0 12px 20px}}@media (min-width:577px){.main-section .container{max-width:1100px;margin:0 auto;padding:30px 30px 48px}}@media (min-width:1024px){.main-section .container{max-width:1100px;margin:0 auto;padding-top:24px;padding-bottom:48px}}@media (min-width:1440px){.main-section .container{max-width:1280px;margin:0 auto;padding-top:48px;padding-bottom:48px}}.rounded-btn{height:52px;color:#000,;background:linear-gradient(135deg,#a07501,#f2b00a);border:none;border-radius:40px;font-size:16px;font-weight:600}.heading{font-family:var(--fontstyle);margin-top:0!important;margin-bottom:16px!important;font-size:30px!important;font-weight:700!important}.subheading{font-family:var(--fontstyle);margin-bottom:16px!important;font-size:22px!important;font-weight:700!important}.paragraph2{font-family:var(--fontstyle);font-size:14px!important;font-weight:300!important}@media (max-width:768px){.main-patch{padding:16px}.section-1,.section-2{margin-top:24px!important}.heading{margin-top:12px!important;margin-bottom:8px!important;font-size:20px!important}.subheading{margin-top:12px!important;margin-bottom:8px!important;font-size:16px!important}}.landing-content{text-align:center}.landing-title{color:#fff;font-weight:700}.landing-divider{background-color:#fff;border-radius:2px;width:64px;height:4px;margin:0 auto 24px}.landing-emoji-wrapper{margin-bottom:32px}.landing-emoji-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border-radius:24px;justify-content:center;align-items:center;width:192px;height:192px;margin:0 auto;display:flex}.landing-emoji{font-size:64px}.landing-subtitle{color:#fff;font-weight:700}.header-layout{margin-bottom:65px!important}.footer-layout{margin-top:68px}.nav__content{z-index:999;background-color:#fff;border-bottom:1px solid #e8e8e8;align-content:center;padding:0;position:fixed;top:0;left:0;right:0}.nav__bar{will-change:transform;flex-flow:row;justify-content:space-between;align-items:center;transition:transform .25s ease-in-out;display:flex;position:relative}.menu-item{color:#333;margin:0 8px;font-size:14px;font-weight:500}@media (max-width:768px){.menu-item{display:none}}@media (min-width:1024px){.home-counter-container{grid-gap:160px;padding-left:110px}}.profile-setup-container{background:linear-gradient(to bottom right,#e0f7fa,#f1f8e9);padding:40px 16px 80px}.profile-setup-wrapper{max-width:500px;margin:0 auto}.subtitle{color:#888;margin-bottom:24px;font-weight:500}.upload-section{text-align:center;margin-bottom:24px}.avatar-placeholder{background:linear-gradient(135deg,#c8facc,#ccf6e8);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:24px;display:flex}.form-group{margin-bottom:20px}.form-label{color:#444;margin-bottom:6px;font-weight:500;display:block}.rounded-input{border-radius:8px}.align-center{align-items:center;display:flex}.landing-page img{width:100%;height:auto}.post-skill-main-card{height:90vh;overflow:auto}.create-post{padding:20px 0!important}.create-post .post-skill{border-radius:12px}.skill-tags-responsive .post-skill-fix{border-radius:16px;width:120px}@media (max-width:768px){.skill-tags-responsive .post-skill-fix{border-radius:10px}}.skill-tags-responsive .post-skill-fix .ant-card-body{text-align:center!important;padding:12px 8px!important}.skill-tags-responsive .post-skill-fix img{border-radius:12px;width:48px;margin-top:12px}.skill-tags-responsive .post-skill-fix h4{text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;margin-top:8px;margin-bottom:4px;font-weight:300;display:-webkit-box;white-space:nowrap!important;font-size:12px!important;overflow:hidden!important}.create-post .post-skill .ant-card-body{text-align:center;flex-direction:column;align-items:center;display:flex;padding:16px 8px!important}.create-post .post-skill img{width:48px;border-radius:50px!important}.create-post .skill-title{text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;margin-top:12px;margin-bottom:4px;font-weight:300;display:-webkit-box;white-space:nowrap!important;font-size:12px!important;overflow:hidden!important}@media (max-width:768px){.create-post{padding:0!important}.create-post .post-skill h4{margin-top:7px;margin-bottom:0;font-weight:500;font-size:12px!important}.skill-tags-responsive{display:flex;overflow-x:scroll}.skill-tag{font-size:13px!important}}.skill-tags-responsive{display:flex;overflow-x:scroll}.skill-tags-responsive::-webkit-scrollbar{display:none}.skill-page .skill-card{box-shadow:var(--boxshadow);border-radius:16px!important;height:auto!important}.skill-card .ant-card-body{text-align:center!important;padding:30px 20px!important}.skill-card .skill-icon{border-radius:100px!important;width:52px!important}.skill-card .skill-title{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;margin-bottom:0;font-weight:300;overflow:hidden;font-size:14px!important}@media (max-width:768px){.skill-card>.ant-card-body{text-align:center!important;padding:20px 10px!important}.skill-card .skill-icon{border-radius:100px!important;width:40px!important}.skill-card .skill-title{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;margin-bottom:0;font-weight:400;overflow:hidden;font-size:12px!important}}.user-post-view .ant-card-body .title{margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.2}.user-post-view .ant-card-body .title2{color:#747474;margin-top:10px;margin-bottom:0;font-size:16px;font-weight:600}.user-post-view .ant-card-body .description{color:#444;margin-top:0;margin-bottom:10px;font-size:14px}.user-post-view .ant-card-body .label{color:#636363;margin-top:8px;margin-bottom:2px;font-size:13px}.user-post-view .ant-card-body .value{margin-top:0;margin-bottom:10px;font-size:15px;font-weight:500}.user-post-list,.filter-card,.review-card,.feature-card,.category-card,.helper-card,.post-card{box-shadow:var(--boxshadow)}.user-post-list .ant-card{transition:background .3s}.user-post-list .ant-card:hover{background-color:#f5f5f5}.user-post-list .ant-card-body .flex{display:flex}.user-post-list .ant-card-body .posts-header{justify-content:space-between;display:flex}.user-post-list .ant-card-body .avatar{border-radius:100px;padding:4px;background-color:#efefef73!important;width:48px!important;height:48px!important}.user-post-list .ant-card-body .posts-column{flex-wrap:wrap;place-content:space-between flex-end;display:flex}.user-post-list .ant-card-body .posts-skill{margin-top:0;margin-bottom:16px;font-size:13px;font-weight:400;color:#444!important}.user-post-list .ant-card-body .posts-distance{color:#999;margin:5px 0;font-size:12px}.user-post-list .ant-card-body .post-icon{color:#888;font-size:14px}.user-post-list .ant-card-body .image{width:80px!important}.user-post-list .ant-card-body .content{width:calc(100% - 80px)}@media (max-width:768px){.user-post-list .ant-card-body .image{width:60px!important}.user-post-list .ant-card-body .content{width:calc(100% - 60px)}.user-post-list .ant-card-body .avatar{border-radius:100px;padding:4px;background-color:#efefef73!important;width:48px!important;height:48px!important}.user-post-list .ant-card-body .title{color:#000;margin-top:0;margin-bottom:4px;font-size:14px;font-weight:400}}.user-post-list .ant-card-body .avatars{border:2px solid #d4a018;border-radius:100px;width:84%;max-width:72px;padding:0;background-color:#fff!important}.user-post-list .ant-card-body .fiximage{border-radius:100px;padding:6px;background-color:#f0f0f0!important}.user-post-list .ant-card-body .user-photos{width:120px!important;height:120px!important}.user-post-list .ant-card-body .title{color:#000;margin-top:0;margin-bottom:4px;font-size:16px;font-weight:600}.user-post-list .ant-card-body .title2{color:#000;margin-top:0;margin-bottom:0;font-size:15px;font-weight:600}.user-post-list .ant-card-body .description{color:#616161;margin-top:0;margin-bottom:15px;font-size:13px;font-weight:400}.user-post-list .ant-card-body .post-label{color:#636363;margin-top:0;margin-bottom:0;font-size:12px}.user-post-list .ant-card-body .post-value{color:#444;margin-top:0;margin-bottom:5px;font-size:13px}.user-profile{border-radius:12px;padding:0;position:relative;overflow:hidden}.user-profile .cover-photo{background-image:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb);background-position:50%;background-size:cover;height:150px;margin:-24px}.user-profile .avatar-container{z-index:1;position:absolute;left:50px;transform:translateY(-20%)}.user-profile .details{margin-top:36px;margin-bottom:30px;margin-left:162px}.user-profile .title{font-size:24px;margin-top:10px!important;margin-bottom:0!important}.user-profile .subtitle{color:gray;margin-top:0;font-size:13px;font-weight:300}.user-profile .rating{align-items:center;gap:8px;display:flex}.user-profile .review-count{color:gray;font-size:14px}.user-profile .info-block{padding:0 24px}.user-profile-avatar{width:120px;height:120px;box-shadow:var(--boxshadow);background-color:#fff;border:5px solid #fff;border-radius:50%}@media (max-width:767px){.user-profile .cover-photo{background-image:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb);background-position:50%;background-size:cover;height:100px;margin:-24px}.user-profile .avatar-container{z-index:1;position:absolute;left:36%;transform:translateY(-30%)}.user-profile .details{flex-direction:column;margin-top:80px;margin-bottom:20px;margin-left:0;padding:4px 5px;display:flex}.user-profile .title{text-align:center;font-size:20px;margin-top:10px!important;margin-bottom:0!important}.user-profile .subtitle{text-align:center;margin-top:10px;margin-bottom:15px;font-size:13px;font-weight:300}.user-profile .rating{flex-direction:column;gap:12px;display:flex}.user-profile .review-count{text-align:center;color:gray;font-size:14px}.user-profile .info-block{padding:0 24px}}.avatar-circle{background-color:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;display:flex}.helper-name{color:#333;font-size:16px;font-weight:600}.helper-distance{color:#777;margin-bottom:4px;font-size:14px}.helper-description{color:#555;margin-bottom:8px;font-size:14px}.helper-rating{color:#222;margin-bottom:12px;font-size:14px}.review-count{color:#666;margin-left:6px}.login-card{background-color:#fff;border-radius:20px}@media (max-width:768px){.login-card{background-color:#fff;border-radius:0}}.custom-search-box{box-shadow:none;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;outline:none;padding:12px 16px;font-size:15px}.custom-search-box::placeholder{color:#999;font-size:15px}.custom-search-box:hover,.custom-search-box:focus{box-shadow:none;border-color:#b3b3b3}.search-icon{color:#999;margin-right:8px}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width:767px){.mobile-only{justify-content:center;align-items:center;display:flex!important}.desktop-only{display:none!important}}.navigation-container{z-index:1000;background-color:#fff;margin-top:20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}.navigation-container .flex{justify-content:space-around;align-items:center;padding:10px 2px;display:flex}.navigation-container button{color:#333;cursor:pointer;background:0 0;border:none;font-size:14px}.navigation-container button>.title{color:#000;text-align:center;margin-top:4px;font-size:12px;font-weight:500;display:block}.navigation-container button:hover{color:#000}.bottom-menu-item{align-items:center;width:20%;padding:0 8px}.user-profile-layout{min-height:80vh;margin-top:20px}.user-profile-content{background-color:#fff;border-radius:8px;margin:0 20px}.user-profile-menu{background-color:#fff;border-radius:8px;width:100%}.label-p{opacity:.7;margin-top:15px;font-weight:400;margin-bottom:2px!important;font-size:13px!important}.title-value,.label-text{opacity:.9;margin-top:4px!important;margin-bottom:5px!important;font-size:15px!important}.d-sm-none{display:block!important}.main-container-body{padding-inline:24px}@media (max-width:768px){.main-container{padding-top:0}.main-container-body{padding:8px}.d-sm-none{display:none!important}}.bottom-nav{z-index:1000;background:#fff;border-top:1px solid #eaeaea;justify-content:space-around;align-items:center;padding:8px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{text-align:center;color:#8c8c8c;cursor:pointer;flex-direction:column;align-items:center;font-size:12px;transition:all .2s;display:flex}.bottom-nav-item .icon{width:32px;height:32px;font-size:18px;line-height:1}.bottom-nav-item .label{margin-top:4px}.bottom-nav-item.active{color:#181818}.bottom-nav-item.active .icon{color:#000;transform:scale(1.1)}.bottom-nav-item.center{position:relative;top:-18px}.bottom-nav-item.center .icon{color:#fff;width:48px;height:48px;box-shadow:var(--boxshadow);background:#222;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.bottom-nav-item.center .label{display:none}@media (min-width:768px){.bottom-nav{display:none}}.input-otp__field{max-width:48px!important;height:50px!important}.ratings-container{color:#fff;background:linear-gradient(135deg,#1f2937,#111827);min-height:100vh;padding:40px 20px}.summary-card{background:linear-gradient(135deg,#f5d28e,#d4a017);margin-bottom:40px;border-radius:20px!important}.summary-card .ant-card-body{text-align:center;margin-bottom:40px;padding:40px 20px;border:none!important}.rating-number{margin-bottom:10px!important;font-size:60px!important}.avg-text{margin-top:10px;font-weight:500;display:block}.break-row{margin-bottom:12px}.ant-progress-bg{border-radius:10px!important}.small-rate{font-size:16px!important}.gold-rate .ant-rate-star{color:#d4a017!important}.rank-text{margin-top:20px;font-size:16px}@media (min-width:768px){.ratings-container{padding:60px 80px}.rating-number{font-size:72px!important}}.menu-item{color:#222;padding-bottom:10px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.menu-item:hover,.menu-item.active{color:#d4a017}.menu-item.active:after{content:"";background:#d4a017;border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.location{cursor:pointer;color:#222;white-space:nowrap;text-overflow:ellipsis;gap:10px;max-width:100%;transition:all .3s;overflow:hidden;align-items:center!important;display:flex!important}.location span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.location-modal .ant-modal-content{border-radius:28px!important;padding:30px 24px!important}.search-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:16px;align-items:center;padding:12px 16px;display:flex}.back-icon{cursor:pointer;margin-right:10px;font-size:18px}.search-input input{font-size:16px;background:0 0!important}.current-location{cursor:pointer}.target-icon{color:var(--color);font-size:20px}.current-text{color:var(--color);margin-top:12px;margin-bottom:12px;font-size:16px;font-weight:500}.saved-item{padding:8px 0}.home-icons{width:42px!important;height:42px!important}.home-icon{background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.address-text{color:#666;max-width:420px;margin-top:4px;font-size:14px;line-height:1.5}.google-footer{text-align:center;color:#999;font-size:13px}.google-text{color:var(--color);font-weight:500}@media (max-width:576px){.location-modal .ant-modal-content{padding:24px 18px!important}.address-text{font-size:13px}}.post-success{text-align:center;padding:60px 20px;background-image:url(/images/glitter.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:none!important}.login-modal{text-align:center;padding:60px 20px;border:none!important}.offer-container{max-width:900px;margin:auto}.custom-card{margin-bottom:20px}.card-title{margin-top:0!important;margin-bottom:4px!important}.card-subtext{color:#777;font-size:15px}.offer-icon{color:#0f9d58;background:#e6f4ea;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.view-offers{color:#6c4cf1;cursor:pointer;margin-top:10px;font-weight:500}.promise-list{flex-direction:column;gap:14px;margin-top:20px;font-size:16px;display:flex}.check-icon{margin-right:10px;font-size:18px}.center{text-align:center}.quality-badge{text-align:center;color:#333;background:linear-gradient(135deg,#c5f3ff,#f6c1ff);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:auto;font-weight:600;display:flex}@media (max-width:768px){.quality-badge{margin-top:10px}.custom-search-box,.location-search-box{height:42px!important}}.location-search-box{box-shadow:none;background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;outline:none;align-items:center;width:100%;height:48.5px;padding:12px 16px;font-size:15px;display:flex}.location-search-box .search-icon{color:var(--color);font-size:18px}.location-search-box .address-text{color:#333;flex:1;margin-top:0;font-size:13px;font-weight:400}.booking-header{justify-content:space-between;align-items:flex-start;display:flex}.booking-title{max-width:80%;margin:0;font-size:18px;font-weight:600}.bookmark-icon{color:#888;cursor:pointer;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.booking-meta{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.booking-info p{color:#888;margin:0;font-size:14px}.status-tag{border-radius:20px;padding:2px 12px;font-size:12px;font-weight:500}.status-tag.pending{color:#555;background-color:#f0f0f0;border:none}.status-tag.completed{color:#1890ff;background-color:#e6f7ff;border:none}.status-tag.cancelled{color:#ff4d4f;background-color:#fff1f0;border:none}@media (max-width:768px){.booking-title{font-size:15px!important}.booking-info p{font-size:13px!important}}.post-sheet .ant-drawer-content{border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}.sheet-handle{background:#ddd;border-radius:10px;width:40px;height:5px;margin:8px auto}.sheet-close{color:#888;cursor:pointer;font-size:18px;position:absolute;top:12px;right:16px}.sheet-header{text-align:center;padding:10px 16px 0}.sheet-header h2{margin:12px 0 4px;font-size:20px;font-weight:600}.subtitle{color:#888;font-size:14px}.sheet-section h4{margin-bottom:10px;font-weight:600}.info-row span,.info-grid span{color:#888;font-size:12px}.info-row p{margin:4px 0 12px;font-weight:500}.info-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.info-grid p{margin:4px 0;font-weight:500}.services-list{flex-wrap:wrap;gap:8px;display:flex}.service-chip{color:#fff;background:linear-gradient(135deg,#f5a623,#f76b1c);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.service-chip:hover{transform:scale(1.05)}.posted-date{text-align:center;color:#999;margin-bottom:12px;font-size:12px}.m-0{margin:0!important}.m-1{margin:4px!important}.m-2{margin:8px!important}.m-3{margin:12px!important}.m-4{margin:16px!important}.m-5{margin:20px!important}.m-6{margin:24px!important}.m-8{margin:32px!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-5{margin-top:20px!important}.mt-6{margin-top:24px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.ml-1{margin-left:4px!important}.ml-2{margin-left:8px!important}.ml-3{margin-left:12px!important}.ml-4{margin-left:16px!important}.mr-1{margin-right:4px!important}.mr-2{margin-right:8px!important}.mr-3{margin-right:12px!important}.mr-4{margin-right:16px!important}.mx-auto{margin-left:auto;margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.p-5{padding:20px!important}.p-6{padding:24px!important}.pt-1{padding-top:4px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:12px!important}.pt-4{padding-top:16px!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:12px!important}.pb-4{padding-bottom:16px!important}.pl-1{padding-left:4px!important}.pl-2{padding-left:8px!important}.pl-3{padding-left:12px!important}.pl-4{padding-left:16px!important}.pr-1{padding-right:4px!important}.pr-2{padding-right:8px!important}.pr-3{padding-right:12px!important}.pr-4{padding-right:16px!important}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-14{font-size:14px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-20{font-size:20px!important}.fs-24{font-size:24px!important}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.w-100{width:100%}.h-100{height:100%}.vh-100{height:100vh}.pointer{cursor:pointer}.hidden{display:none}.block{display:block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}@media (max-width:768px){.ant-card-body{padding:16px!important}.ant-drawer .ant-drawer-content-wrapper,.ant-drawer-section{border-top-left-radius:20px;border-top-right-radius:20px}}.min-tag{text-align:center;justify-content:center;min-width:64px;display:inline-flex;font-size:12px!important}:root{--color:#c49525}.checkbox-text{font-size:13px}.filter-container{background:#fff;flex-direction:column;height:100%;display:flex}.filter-left{background:#fafafa;border-right:1px solid #f0f0f0;min-height:464px}.filter-tab{cursor:pointer;color:#6b7280;border-left:3px solid #0000;padding:14px 16px;font-weight:500}.filter-tab.active{color:#c49525;background:#fff;border-left:3px solid #c49525}.filter-right{flex-direction:column;height:100%;padding:12px 16px 0;display:flex}.filter-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clear-all{color:#c49525;cursor:pointer;font-weight:500}.filter-scroll{max-height:420px;padding-right:4px;overflow-y:auto}.filter-row{padding:10px 4px}.filter-footer{background:#fff;border-top:1px solid #f0f0f0;padding-top:16px}.filter-checkbox-row{width:100%;padding:8px 4px}.filter-checkbox-row .ant-checkbox{margin-right:12px}.chat-container{max-width:900px;margin:auto;padding:20px}.chat-content{width:calc(80% - 60px);padding-left:12px}.chat-avatar{width:60px}.chat-right{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;width:60px;display:flex}.chat-card{padding:20px 16px!important}.chat-card-active{background-color:#f5f6f8;border-right:1px solid #f0f0f0}.chat-title{font-size:14px;display:block}.chat-distance{color:#f26522;margin:4px 0;font-size:12px;font-weight:500}.chat-message{font-size:12px;font-weight:300;display:block}.chat-time{color:#1f2a44;font-size:12px;font-weight:500}@media (max-width:576px){.chat-card{padding:12px 16px!important}.chat-title,.chat-message{font-size:13px}.chat-time{font-size:12px}}.empty-chat-wrapper{border-left:1px solid #f0f0f0;justify-content:center;align-items:center;height:calc(100vh - 65px);display:flex}.empty-chat-content{text-align:center}.empty-chat-title{margin-top:16px;margin-bottom:4px!important}.empty-chat-subtitle{font-size:14px}.chat-wrapper{background:#f5f6f8;flex-direction:column;height:calc(100vh - 68px);display:flex}.chat-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-user{align-items:center;gap:12px;display:flex}.chat-name{font-size:16px;font-weight:600}.online-dot{background:orange;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.chat-body{flex:1;padding:24px;overflow-y:auto}.chat-time-label{text-align:center;color:#999;margin-bottom:20px}.message-row{align-items:flex-end;margin-bottom:20px;display:flex}.message-row.left{justify-content:flex-start;gap:10px}.message-row.right{justify-content:flex-end}.bubble{border-radius:20px;max-width:70%;padding:14px 18px;font-size:14px}.left-bubble{background:#fff;border-top-left-radius:6px}.right-bubble{color:#fff;background:linear-gradient(135deg,#1e2b4f,#243b6b);border-top-right-radius:6px}.right-bubble .bubble-footer span{color:#6f87b4!important}.right-bubble .bubble-footer{justify-content:flex-end;margin-top:4px;display:flex}.bubble-title{font-weight:400}.bubble-sub{color:#777;margin-top:4px;font-size:13px}.quick-replies{background:#f7f7f7;border-top:1px solid #eee;gap:8px;padding:8px 12px;display:flex;overflow-x:scroll}.chat-input{background:#fff;border-top:1px solid #eee;align-items:center;gap:12px;padding:16px 20px;display:flex}.message-input{flex:1}@media (max-width:768px){.chat-body{padding:16px}.bubble{max-width:85%}.chat-header,.chat-input{padding:12px 16px}.bubble{max-width:70%;padding:12px 16px;font-size:12px}}.chat-page{flex-direction:column;height:calc(100vh - 65px);display:flex}.typing-indicator{align-items:center;gap:8px;padding:4px 20px;display:flex}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots .dot{background:#999;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingBounce}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-text{color:#999;font-size:12px}.chat-list-container{background:#fff;flex-direction:column;height:100%;display:flex}.chat-list-search{padding:8px}.chat-list-tabs .ant-tabs-nav{margin-bottom:0!important}.chat-list-tabs .ant-tabs-nav-list{width:100%}.chat-list-tabs .ant-tabs-tab{flex:1;justify-content:center;font-weight:500;transition:all .3s;margin:0!important;padding:12px 0!important}.chat-list-tabs .ant-tabs-ink-bar{height:2px!important}.chat-list-scroll{flex:1;overflow-y:auto}.chat-list-scroll::-webkit-scrollbar{width:4px}.chat-list-scroll::-webkit-scrollbar-track{background:0 0}.chat-list-scroll::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.chat-input-wrapper{z-index:10;position:relative}.image-preview-overlay{z-index:99;background:#fffffffa;border-top:1px solid #f0f0f0;flex-direction:column;width:100%;height:60vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUpPreview;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 -4px 30px #0000001a}@keyframes slideUpPreview{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.image-preview-header{background:#fff;justify-content:flex-end;padding:12px 16px;display:flex}.image-preview-content{flex:1;justify-content:center;align-items:center;padding:0 40px 40px;display:flex;overflow:hidden}.preview-image-wrapper{justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:relative}.preview-image-wrapper img{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 10px 40px #0000001a}.preview-file-item{text-align:center;background:#f7f7f7;border-radius:8px;padding:20px}