.view-switcher-container{--vs-white-007:#f7f7f712;--vs-white-01:#f7f7f71a;--vs-white:var(--text-high-contrast);--vs-black:var(--c-black);--vs-light-bg:var(--surface-light-alt);--vs-black-005:var(--ab-005);--vs-radio-border:#595d62;--vs-sublabel:var(--text-muted-alt);display:flex;gap:1.11vw;margin-bottom:.5vw;width:100%}.view-switcher-card{flex:1;background:var(--vs-white-007);border:.07vw solid var(--vs-white-01);border-radius:.83vw;padding:1.11vw;cursor:pointer;transition:all .2s ease}.view-switcher-card:hover{border-color:var(--vs-white)}.view-switcher-content{display:flex;align-items:center;justify-content:space-between}.view-switcher-radio-group{display:flex;align-items:center;gap:.83vw}.view-switcher-radio{width:1.39vw;height:1.39vw;border-radius:50%;border:.14vw solid var(--vs-radio-border);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.view-switcher-card.active .view-switcher-radio{border-color:var(--vs-white)}.view-switcher-radio-inner{width:.7vw;height:.7vw;border-radius:50%;background-color:var(--text-primary)}.view-switcher-text-group{display:flex;flex-direction:column;gap:.14vw}.view-switcher-sublabel{font-size:.83vw;color:var(--text-primary);font-weight:400;line-height:1.2}.view-switcher-label{font-weight:600;font-size:.97vw;color:var(--text-primary);line-height:1.2}.view-switcher-icon{width:2.78vw;height:2.78vw;object-fit:contain}@media (max-width:640px){.view-switcher-container{flex-direction:column;gap:3.2vw}.view-switcher-card{padding:4vw;border-radius:3vw;border-width:.3vw}.view-switcher-radio{width:5vw;height:5vw;border-width:.5vw}.view-switcher-radio-group{gap:1rem}.view-switcher-radio-inner{width:2.5vw;height:2.5vw}.view-switcher-text-group{gap:.5vw}.view-switcher-sublabel{font-size:3vw}.view-switcher-label{font-size:3.5vw}.view-switcher-icon{width:10vw;height:10vw}}.mobile-header{--mh-black-005:var(--ab-005);--mh-black-015:var(--ab-015);--mh-black-04:var(--ab-04);--mh-black-05:var(--ab-05);--mh-white-005:var(--aw-005);--mh-dark-border:var(--c-slate-900);--mh-danger:var(--c-danger-500);--mh-dark-surface:var(--surface-elevated);--mh-brand-soft:var(--ap-01);--mh-brand:var(--c-brand-purple);display:none;align-items:center;justify-content:space-between;padding:1rem;background:var(--background);position:sticky;top:0;z-index:999;height:60px;border-bottom:1px solid var(--mh-black-005)}:root.dark .mobile-header{border-bottom-color:var(--mh-white-005)}.mobile-header-back,.mobile-header-filter{background:none;border:none;padding:8px;cursor:pointer;position:relative;color:inherit;display:flex;align-items:center;justify-content:center}.mobile-header-back:hover,.mobile-header-filter:hover{opacity:.7}.filter-indicator{position:absolute;top:8px;right:6px;width:8px;height:8px;background-color:var(--mh-danger);border-radius:50%;border:1px solid var(--background-primary,white)}:root.dark .filter-indicator{border-color:var(--mh-dark-border)}.mobile-header-title-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;user-select:none}.mobile-header-title{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-primary)}.mobile-header-arrow{transition:transform .2s ease;flex-shrink:0}.mobile-header-arrow.open{transform:rotate(180deg)}.mobile-header-dropdown{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);z-index:1000;pointer-events:all}.mobile-header-dropdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--mh-black-05);backdrop-filter:blur(2px)}.mobile-header-dropdown-content{position:absolute;top:0;left:0;right:0;margin:0 1rem;background:var(--background-secondary,white);border-radius:12px;overflow:hidden;padding:8px 0;box-shadow:0 4px 20px var(--mh-black-015);animation:dropdownAppear .2s ease-out;transform-origin:top center;max-height:60vh;overflow-y:auto}:root.dark .mobile-header-dropdown-content{background:var(--mh-dark-surface);box-shadow:0 4px 12px var(--mh-black-04)}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.mobile-dropdown-item{display:block;width:100%;padding:12px 20px;text-align:left;background:none;border:none;font-size:1rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.mobile-dropdown-item.active,.mobile-dropdown-item:hover{background:var(--mh-brand-soft);color:var(--mh-brand)}@media (max-width:480px){.mobile-header{display:flex}}.mobile-filter-drawer-overlay{--mfd-white-01:var(--aw-01);--mfd-white-02:var(--aw-02);--mfd-white-005:var(--aw-005);--mfd-black-02:var(--ab-02);--mfd-black-04:var(--ab-04);--mfd-purple-03:var(--ap-03);--mfd-purple-04:rgba(158,100,239,0.4);--mfd-white:var(--c-white);--mfd-light-surface:var(--c-gray-50);--mfd-light-border:#e9ecef;--mfd-brand-purple:var(--c-brand-purple);--mfd-grad-start:var(--brand-pink-main);--mfd-grad-end:var(--c-brand-cyan);position:fixed;top:0;left:0;width:100%;height:100%;background:var(--mfd-white-01);z-index:200;backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.mobile-filter-drawer-overlay.closing{animation:fadeOut .3s ease-out forwards}.mobile-filter-drawer{width:100%;height:78vh;background:var(--background);border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 -4px 20px var(--mfd-black-04);transition:transform .1s linear}:root.light .mobile-filter-drawer{background:var(--mfd-white)}.mobile-filter-drawer.closing{animation:slideDown .3s ease-in forwards}.drawer-handle-container{width:100%;padding:12px 0;display:flex;justify-content:center;cursor:grab;flex-shrink:0}.drawer-handle{width:48px;height:5px;background:var(--mfd-white-02);border-radius:10px}:root.light .drawer-handle{background:var(--mfd-black-02)}.mobile-filter-header{padding:0 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--mfd-white-005);flex-shrink:0}:root.light .mobile-filter-header{border-bottom-color:var(--mfd-white-005)}.mobile-filter-header h3{margin:0;font-size:1.25rem;font-weight:700;color:white}:root.light .mobile-filter-header h3{color:var(--text-primary)}.clear-filters-btn{background:none;border:none;color:var(--mfd-brand-purple);font-size:.9rem;font-weight:500;cursor:pointer}.clear-filters-btn:hover{opacity:.8}.mobile-filter-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 1.5rem;color:white}:root.light .mobile-filter-content{color:var(--text-primary)}.mobile-filter-apply{margin:1.5rem;padding:1rem;justify-content:center;border:none;border-radius:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px var(--mfd-purple-03);flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.mobile-filter-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--mfd-purple-04)}.mobile-filter-apply:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.mobile-filter-content .freelancer-filters{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.mobile-filter-content .filter-group{width:100%!important;max-width:100%!important;margin-bottom:1rem}.mobile-filter-content input,.mobile-filter-content select{padding:12px!important;background:var(--mfd-white-005);border:1px solid var(--mfd-white-01);color:white;border-radius:12px}:root.light .mobile-filter-content input,:root.light .mobile-filter-content select{background:var(--mfd-light-surface);border-color:var(--mfd-light-border);color:var(--text-primary)}