:root{--wh-blue-primary:#0047ff;--wh-blue-dark:#002db3;--wh-lime:#cddc39;--wh-slate-50:#f8fafc;--wh-slate-100:#f1f5f9;--wh-slate-200:#e2e8f0;--wh-slate-400:#94a3b8;--wh-slate-600:#475569;--wh-slate-800:#1e293b;--wh-slate-900:#0f172a;--wh-bg:#f7f8fa}.wh-dashboard{background-color:var(--hw-surface);min-height:100vh;font-family:var(--hw-font-body);color:var(--hw-text-primary);box-sizing:border-box;width:100%;padding-bottom:90px;overflow-x:hidden}.wh-header{border-bottom:2px solid var(--wh-slate-100);z-index:1000;background:#fff;flex-direction:column;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.wh-header-top{justify-content:center;align-items:center;width:100%;display:flex}.wh-brand-logo{color:#4f74ff;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:500}.wh-header-bottom{justify-content:space-between;align-items:center;width:100%;display:flex}.wh-location-new{cursor:pointer;align-items:center;gap:12px;display:flex}.wh-loc-pin{color:#4f74ff;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wh-loc-details{flex-direction:column;display:flex}.wh-loc-primary{color:#0f172a;align-items:center;font-size:15px;font-weight:500;display:flex}.wh-loc-secondary{color:#94a3b8;margin-top:1px;font-size:12px;font-weight:500}.wh-header-right{align-items:center;display:flex}.wh-header-avatar{color:#0f172a;background:#cddc39;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:500;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.wh-container{flex-direction:column;gap:24px;padding:24px 20px;display:flex}@media (min-width:1024px){.wh-container{grid-template-columns:1fr 1fr;grid-template-areas:"active stats""urgent urgent""recommended latest";gap:32px;max-width:1200px;margin:0 auto;display:grid}}.wh-active-card{background:linear-gradient(135deg,var(--wh-blue-primary)0%,var(--wh-blue-dark)100%);color:#fff;border-radius:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 15px 30px -10px #0047ff4d}.wh-active-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.wh-active-badge{background:var(--wh-lime);color:var(--wh-slate-900);border-radius:30px;padding:8px 16px;font-size:12px;font-weight:500}.wh-active-category{color:#ffffffb3;font-size:15px;font-weight:500}.wh-active-eta{margin:0 0 16px;font-size:52px;font-weight:500;line-height:1}.wh-active-eta span{color:#fff9}.wh-active-desc{color:#ffffffe6;margin-bottom:32px;font-size:15px;font-weight:500;line-height:1.5}.wh-btn-view-task{color:#0b1c3b;cursor:pointer;background:#90caf9;border:none;border-radius:24px;padding:16px 40px;font-weight:500}.wh-active-empty-card{text-align:left;flex-direction:column;align-items:flex-start;display:flex;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important}.wh-active-empty-card .wh-active-badge{color:#fff;background:#94a3b8}.wh-active-empty-card .wh-active-eta{margin-top:8px;font-size:28px}.wh-active-empty-card .wh-btn-view-task{color:#0f172a;background:#cbd5e1;margin-top:16px}.wh-action-card{cursor:pointer;background:#fff;border-radius:20px;padding:24px;transition:transform .2s;position:relative;box-shadow:0 10px 15px -3px #00000008}.wh-action-card:hover{transform:translateY(-2px)}.wh-ac-bg-icon{color:#f8fafc;font-size:140px;position:absolute;bottom:-10px;right:-10px}.wh-ac-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex}.wh-ac-icon-wrap.blue{color:var(--wh-blue-primary);background:#eff6ff}.wh-ac-icon-wrap.green{color:#16a34a;background:#f0fdf4}.wh-ac-title{color:var(--wh-slate-900);margin:0;font-size:26px;font-weight:500}.wh-ac-sub{color:var(--wh-slate-400);margin:4px 0 0;font-size:15px}.wh-section-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.wh-sec-title-wrap h4{color:#854d0e;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:500}.wh-sec-title-wrap h2{color:var(--wh-slate-900);align-items:center;gap:12px;margin:0;font-size:28px;font-weight:500;display:flex}.wh-h-scroll{scrollbar-width:none;gap:20px;padding:4px 4px 20px;display:flex;overflow-x:auto}.wh-h-scroll::-webkit-scrollbar{display:none}.wh-urgent-card{background:#fff;border-radius:20px;min-width:280px;padding:24px;box-shadow:0 10px 15px -3px #00000008}.wh-urgent-card h3{margin-bottom:12px;font-size:20px;font-weight:500}.wh-badge-urgent{color:#3f6212;background:#bef264;border-radius:12px;padding:6px 14px;font-size:11px;font-weight:500}.wh-rec-item{cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;transition:background .2s;display:flex}.wh-rec-item:hover{background:var(--wh-slate-50)}.wh-chat-item{border-left:5px solid var(--wh-blue-primary);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:20px;margin-bottom:12px;padding:20px;display:flex}.wh-chat-item.read{border-left-color:#0000}.wh-chat-avatar{border-radius:50%;width:52px;height:52px}.wh-search-bar{background:#fff;border-radius:20px;align-items:center;gap:16px;margin-bottom:24px;padding:8px 16px 8px 24px;display:flex;box-shadow:0 4px 10px #00000005}.wh-search-bar input{border:none;outline:none;flex:1;padding:12px 0;font-size:16px}.mp-search-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex;box-shadow:0 2px 8px #00000005}.mp-search-icon{color:#94a3b8;font-size:18px}.mp-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.mp-search-input::placeholder{color:#94a3b8}.wh-filter-btn{background:var(--wh-slate-50);cursor:pointer;border:none;border-radius:14px;width:44px;height:44px}.wh-pills-row{scrollbar-width:none;gap:12px;margin-bottom:24px;display:flex;overflow-x:auto}.wh-pill{border:1px solid var(--wh-slate-200);cursor:pointer;white-space:nowrap;background:#fff;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:500}.wh-pill.active{background:var(--wh-slate-900);color:#fff;border-color:var(--wh-slate-900)}.wh-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.wh-modal-container{background:#fff;border-radius:32px 32px 0 0;width:100%;max-width:500px;padding:32px;box-shadow:0 -20px 25px #0000001a}@media (min-width:768px){.wh-modal-overlay{align-items:center}.wh-modal-container{border-radius:32px;max-width:440px}}.wh-radio-card{background:var(--wh-slate-50);cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.wh-radio-card.active{border-color:var(--wh-blue-primary);background:#eff6ff}.wh-header-right{align-items:center;gap:16px;display:flex}.wh-header-avatar{background:var(--wh-slate-100);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.wh-header-avatar:active{transform:scale(.92)}.wh-header-avatar img{object-fit:cover;width:100%;height:100%}.wh-header-avatar span{color:var(--wh-slate-600);font-size:14px;font-weight:500}.wh-mobile-nav{height:calc(72px + env(safe-area-inset-bottom));padding:12px 10px calc(8px + env(safe-area-inset-bottom));z-index:1000;background:#fff;border-top:1px solid #f1f5f9;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000008}.wh-nav-item{cursor:pointer;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;text-decoration:none;transition:all .2s;display:flex}.wh-nav-item.active{background:#eff6ff}.wh-nav-icon-wrap{color:#64748b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.wh-nav-item.active .wh-nav-icon-wrap{color:var(--wh-blue-primary)}.wh-nav-item span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.wh-nav-item.active span{color:var(--wh-blue-primary)}.wh-footer{border-top:1px solid var(--wh-slate-200);background:#f1f5f9;padding:64px 24px 140px}.wh-footer-brand h2{color:var(--wh-blue-primary);margin:0 0 16px;font-size:32px;font-weight:500}.wh-footer-tagline{color:#64748b;max-width:320px;margin-bottom:32px;font-size:15px;line-height:1.6}.wh-footer-socials{gap:12px;margin-bottom:48px;display:flex}.wh-social-icon{color:#64748b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.wh-footer-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.wh-footer-col h4{color:#0f172a;margin-bottom:24px;font-size:18px;font-weight:500}.wh-footer-links{margin:0;padding:0;list-style:none}.wh-footer-links li{margin-bottom:14px}.wh-footer-links a{color:#64748b;font-size:16px;font-weight:500;text-decoration:none}.wh-loader-overlay{z-index:9999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wh-hash-loader{width:60px;height:60px;position:relative}.wh-hash-bar{background:var(--wh-blue-primary);border-radius:4px;position:absolute}.wh-hash-bar.h{width:0;height:6px}.wh-hash-bar.v{width:6px;height:0}.wh-hash-bar.h-1{animation:.6s cubic-bezier(.16,1,.3,1) forwards hashH;top:18px;left:0}.wh-hash-bar.h-2{animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards hashH;bottom:18px;right:0}.wh-hash-bar.v-1{animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards hashV;top:0;left:18px}.wh-hash-bar.v-2{animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards hashV;bottom:0;right:18px}@keyframes hashH{to{width:100%}}@keyframes hashV{to{height:100%}}.wh-hash-loader-container{flex-direction:column;align-items:center;gap:24px;animation:2s ease-in-out infinite hashPulse;display:flex}.wh-hash-loader-container.inline{vertical-align:middle;flex-direction:row;gap:12px;animation:none;display:inline-flex}.wh-hash-loader-container.inline .wh-hash-loader{width:24px;height:24px}.wh-hash-loader-container.inline .wh-hash-bar{border-radius:2px}.wh-hash-loader-container.inline .wh-hash-bar.h{height:3px}.wh-hash-loader-container.inline .wh-hash-bar.v{width:3px}.wh-hash-loader-container.inline .wh-hash-bar.h-1{top:7px}.wh-hash-loader-container.inline .wh-hash-bar.h-2{bottom:7px}.wh-hash-loader-container.inline .wh-hash-bar.v-1{left:7px}.wh-hash-loader-container.inline .wh-hash-bar.v-2{right:7px}.wh-hash-loader-container.inline .wh-loader-text{letter-spacing:1px;color:inherit;font-size:10px}@keyframes hashPulse{0%,to{filter:drop-shadow(0 0 #0047ff00);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #0047ff33);transform:scale(1.05)}}.wh-loader-text{color:var(--wh-blue-primary);text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:500}.wh-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}@media (max-width:400px){.wh-stats-grid{grid-template-columns:1fr}}.wh-stat-card-old{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 20px #0000000d}.wh-stat-card-old:hover{transform:translateY(-2px)}.wh-stat-icon-box{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.wh-stat-label-wrap h3{margin:0;font-size:28px;font-weight:500}.wh-stat-label-wrap p{color:#64748b;margin:0;font-size:13px;font-weight:500}.wh-stat-view-all{font-size:12px;font-weight:500;position:absolute;top:24px;right:24px}.wh-explorer-card{cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex;box-shadow:0 4px 20px #0000000d}.wh-explorer-icon-wrap{color:#3b82f6;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;padding:16px;display:flex}.wh-explorer-info h3{margin:0;font-size:18px;font-weight:500}.wh-explorer-info p{color:#64748b;margin:0;font-size:14px}.wh-discovery-section{margin-top:40px;margin-bottom:60px}.wh-discovery-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.wh-discovery-header h2{color:#0f172a;margin:0;font-size:24px;font-weight:500}.wh-discovery-header span{color:#64748b;font-size:14px;font-weight:500}.hw-discovery-container{width:100%;max-width:290px;height:430px;margin:0 auto;position:relative}.hw-card-stack{perspective:1000px;width:100%;height:100%;position:relative}.hw-stack-card-layer{top:0;left:0;width:100%!important;height:100%!important;position:absolute!important}.hw-absolute-fill{box-sizing:border-box;width:100%;height:100%;top:0;left:0;position:absolute!important}.hw-discovery-empty{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:20px;padding:40px 20px}.wh-discovery-empty h3{color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:500}.wh-discovery-empty p{color:#64748b;margin-bottom:24px}.wh-discovery-empty-btn{background:var(--wh-blue-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.wh-job-card-swipe{cursor:grab;background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:24px;box-shadow:0 10px 25px #0000001a}.wh-swipe-indicator{pointer-events:none;z-index:10;background:#ffffffe6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 20px #0000001a}.wh-swipe-indicator.left{color:#ef4444;border:4px solid #ef4444;left:20px}.wh-swipe-indicator.right{color:#22c55e;border:4px solid #22c55e;right:20px}.wh-swipe-indicator span{text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:500}.wh-chats-section{margin-top:40px}.wh-chats-list{flex-direction:column;gap:12px;display:flex}.wh-chat-info{flex:1}.wh-chat-header{justify-content:space-between;margin-bottom:6px;display:flex}.wh-chat-name{color:#0f172a;font-size:16px;font-weight:500}.wh-chat-time{color:#94a3b8;font-size:12px;font-weight:500}.wh-chat-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:14px;font-weight:500;overflow:hidden}.wh-chats-empty{color:#64748b;background:#fff;border-radius:12px;padding:10px;font-size:13px}@media (max-width:768px){.wh-container{padding:16px 12px}.wh-stats-grid{grid-template-columns:1fr;gap:16px}.wh-active-eta{font-size:36px}.wh-loc-text h2{font-size:20px}.wh-discovery-container{max-width:100%}.wh-discovery-header h2{font-size:20px}.wh-detail-main-layout{padding:0}.wh-hirer-section{text-align:center;flex-direction:column;align-items:stretch;gap:16px}.wh-hirer-details{flex-direction:column}.wh-trust-banner{text-align:center;flex-direction:column;padding:24px 20px}.wh-trust-icon{margin:0 auto}.wh-action-expanded{color:#64748b;border-bottom:2px solid #f1f5f9;padding:12px 0 16px;font-size:14px;line-height:1.5}}.wh-detail-page-wrapper{background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.wh-detail-header{z-index:2000;background:#fff;border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex;position:sticky;top:0}.wh-header-title{color:#0f172a;font-size:20px;font-weight:500}.wh-nav-icon-btn{color:#4f74ff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.wh-detail-scroll-content{width:100%;max-width:1200px;margin:0 auto;padding:0 0 140px}.wh-detail-main-layout{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:1024px){.wh-detail-main-layout{grid-template-columns:1fr 380px}.wh-mobile-sticky-footer{display:none!important}.wh-desktop-apply-box{margin-top:24px;display:block!important}}.wh-desktop-apply-box{display:none}.wh-detail-primary-col,.wh-detail-sidebar{flex-direction:column;gap:24px;display:flex}.wh-payout-card{background:#fff;border-radius:24px;margin-bottom:16px;padding:24px 20px;box-shadow:0 10px 30px #0000000d}.wh-payout-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.wh-payout-category{color:#4338ca;text-transform:uppercase;letter-spacing:.5px;background:#eef2ff;border-radius:30px;padding:4px 12px;font-size:10px;font-weight:500}.wh-payout-info{text-align:right}.wh-payout-price{color:#4f74ff;font-size:36px;font-weight:500;line-height:1;display:block}.wh-payout-sub{color:#94a3b8;margin-top:4px;font-size:11px;font-weight:500;display:block}.wh-job-title{color:#0f172a;margin-bottom:20px;font-size:28px;font-weight:500;line-height:1.2}.wh-detail-badges-row{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.wh-badge-new{border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.wh-badge-new.urgent{color:#fff;background:#ff7e4f}.wh-badge-new.transparent{color:#64748b;background:#f1f5f9}.wh-divider{border:none;border-top:1.5px solid #f1f5f9;margin:28px 0}.wh-job-meta-row{gap:20px;margin-top:12px;display:flex}.wh-meta-item{color:#475569;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.wh-image-section{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.wh-image-container{background:#000;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative}.wh-image-container img{object-fit:cover;width:100%;height:100%}.wh-safe-work-badge{color:#4338ca;background:#eef2ff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;display:flex;position:absolute;top:24px;left:24px}.wh-description-section{background:#fff;border-radius:28px;padding:28px;box-shadow:0 10px 30px #0000000d}.wh-section-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.wh-section-toggle h3{color:#0f172a;font-size:20px;font-weight:500}.wh-description-text{color:#475569;margin-top:20px;font-size:16px;font-weight:500;line-height:1.7}.wh-info-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wh-info-item{background:#eef4ff;border-radius:24px;flex-direction:column;gap:6px;padding:20px;display:flex}.wh-info-label{color:#94a3b8;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:500}.wh-info-value{color:#334155;font-size:16px;font-weight:500}.wh-hirer-section{background:#fff;border-radius:28px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 10px 25px #0000000a}.wh-hirer-details{align-items:center;gap:16px;display:flex}.wh-hirer-avatar-container{border:2px solid #eef2ff;border-radius:50%;flex-shrink:0;width:64px;height:64px;overflow:hidden}.wh-hirer-avatar-container img{object-fit:cover;width:100%;height:100%}.wh-hirer-text h4{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:500}.wh-hirer-text p{color:#94a3b8;font-size:14px;font-weight:500}.wh-view-profile-btn{color:#4f74ff;cursor:pointer;background:#eef4ff;border:none;border-radius:14px;padding:12px 20px;font-size:14px;font-weight:500}.wh-trust-banner{background:#f3f9d2;border-radius:28px;align-items:center;gap:20px;padding:24px;display:flex}.wh-trust-icon{color:#0f172a;background:#deea89;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.wh-trust-content h4{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:500}.wh-trust-content p{color:#475569;font-size:14px;font-weight:500;line-height:1.5}.wh-action-list{padding:0 12px}.wh-action-item{color:#334155;cursor:pointer;border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 0;font-size:16px;font-weight:500;display:flex}.wh-action-item svg{color:#94a3b8;margin-left:8px}.wh-action-item:last-child{border-bottom:none}.wh-mobile-sticky-footer{z-index:5000;background:linear-gradient(#fff0 0%,#fff 35%);padding:24px 20px 40px;position:fixed;bottom:0;left:0;right:0}.wh-action-main-btn{color:#fff;cursor:pointer;background:#4f74ff;border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:68px;font-size:18px;font-weight:500;transition:transform .2s,background .2s;display:flex;position:relative;box-shadow:0 15px 35px #4f74ff4d}.wh-action-main-btn:active{transform:scale(.98)}.wh-action-main-btn.disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8}.wh-btn-text{margin-right:14px}.wh-btn-icon-box{background:#fff3;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex}.wh-detail-toast{color:#fff;z-index:5000;text-align:center;border-radius:40px;width:calc(100% - 48px);max-width:400px;padding:14px 24px;font-weight:500;animation:.3s ease-out slideIn;position:fixed;top:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.wh-avatar-placeholder{background:var(--wh-blue-primary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:500;display:flex}.hw-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;animation:hwFadeIn var(--hw-duration-fast)var(--hw-easing);background:#0f172a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hw-modal-container{width:100%;max-width:500px;box-shadow:var(--hw-shadow-high);max-height:90vh;animation:hwSlideUp var(--hw-duration-normal)var(--hw-easing);background:#fff;border-radius:24px 24px 0 0;padding:32px 24px;overflow-y:auto}@media (min-width:768px){.hw-modal-overlay{align-items:center;padding:24px}.hw-modal-container{border-radius:24px;max-width:460px}}.hw-filter-card{border:1.5px solid var(--hw-surface-high);transition:all var(--hw-duration-fast)var(--hw-easing);cursor:pointer;text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.hw-filter-card.active{border-color:var(--hw-primary);background:#1c4dff0d}.hw-filter-card span{color:var(--hw-text-secondary);font-size:11px;font-weight:500}.hw-filter-card.active span{color:var(--hw-primary)}@keyframes hwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hwSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mp-tabs{background:#f1f5f9;border-radius:12px;margin-bottom:30px;padding:4px;display:flex}.mp-tab{text-align:center;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:all .2s}.mp-tab.active{color:#2563eb;background:#fff;box-shadow:0 2px 6px #0000000d}