.profiles-page{padding:40px 0;min-height:100vh;background:linear-gradient(135deg,#f8fafb,#f1f5f9)}.profiles-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.profiles-page .page-header{text-align:center;margin-bottom:40px}.profiles-page .page-header h1{font-size:3rem;font-weight:700;color:#222325;margin-bottom:12px;background:linear-gradient(135deg,#1dbf73,#19a463);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profiles-page .page-header p{font-size:1.2rem;color:#74767e;max-width:600px;margin:0 auto;line-height:1.6}.profiles-page .search-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;margin-bottom:40px}.profiles-page .search-section .search-form{margin-bottom:24px}.profiles-page .search-section .search-form .search-input-group{display:flex;gap:12px;max-width:600px;margin:0 auto}.profiles-page .search-section .search-form .search-input-group .search-input{flex:1;padding:16px 20px;border:2px solid #e4e5e7;border-radius:12px;font-size:1.1rem;transition:all .3s ease}.profiles-page .search-section .search-form .search-input-group .search-input:focus{outline:none;border-color:#1dbf73;box-shadow:0 0 0 4px #1dbf731a}.profiles-page .search-section .search-form .search-input-group .search-input::placeholder{color:#b5b6ba}.profiles-page .search-section .search-form .search-input-group .search-btn{background:#1dbf73;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.profiles-page .search-section .search-form .search-input-group .search-btn:hover{background:#19a463;transform:translateY(-2px);box-shadow:0 4px 16px #1dbf734d}.profiles-page .search-section .filter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profiles-page .search-section .filter-controls .filter-toggle{background:transparent;border:2px solid #e4e5e7;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#74767e}.profiles-page .search-section .filter-controls .filter-toggle:hover,.profiles-page .search-section .filter-controls .filter-toggle.active{border-color:#1dbf73;color:#1dbf73;background:#1dbf730d}.profiles-page .search-section .filter-controls .profile-type-toggle{display:flex;background:#f8fafb;border-radius:8px;padding:4px}.profiles-page .search-section .filter-controls .profile-type-toggle button{padding:12px 24px;border:none;background:none;color:#74767e;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s ease}.profiles-page .search-section .filter-controls .profile-type-toggle button.active{background:#1dbf73;color:#fff;box-shadow:0 2px 8px #1dbf734d}.profiles-page .search-section .filter-controls .profile-type-toggle button:not(.active):hover{color:#1dbf73}.profiles-page .search-section .filters-panel{border-top:1px solid #e4e5e7;padding-top:24px}.profiles-page .search-section .filters-panel .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.profiles-page .search-section .filters-panel .filter-grid .filter-group{display:flex;flex-direction:column;gap:8px}.profiles-page .search-section .filters-panel .filter-grid .filter-group label{font-weight:600;color:#222325;font-size:.95rem}.profiles-page .search-section .filters-panel .filter-grid .filter-group input,.profiles-page .search-section .filters-panel .filter-grid .filter-group select{padding:12px 16px;border:2px solid #e4e5e7;border-radius:8px;font-size:1rem;transition:all .2s ease}.profiles-page .search-section .filters-panel .filter-grid .filter-group input:focus,.profiles-page .search-section .filters-panel .filter-grid .filter-group select:focus{outline:none;border-color:#1dbf73;box-shadow:0 0 0 3px #1dbf731a}.profiles-page .search-section .filters-panel .filter-actions{text-align:center}.profiles-page .search-section .filters-panel .filter-actions .clear-filters{background:transparent;color:#74767e;border:2px solid #e4e5e7;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.profiles-page .search-section .filters-panel .filter-actions .clear-filters:hover{border-color:#ff6b6b;color:#ff6b6b}.profiles-page .results-section .loading-state .profiles-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.profiles-page .results-section .loading-state .profiles-skeleton .profile-skeleton{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000f}.profiles-page .results-section .loading-state .profiles-skeleton .profile-skeleton .skeleton-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite;margin-bottom:16px}.profiles-page .results-section .loading-state .profiles-skeleton .profile-skeleton .skeleton-content .skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.profiles-page .results-section .loading-state .profiles-skeleton .profile-skeleton .skeleton-content .skeleton-line.short{width:60%}.profiles-page .results-section .error-state{text-align:center;padding:80px 20px}.profiles-page .results-section .error-state h3{font-size:1.8rem;color:#222325;margin-bottom:12px}.profiles-page .results-section .error-state p{color:#74767e;margin-bottom:24px;font-size:1.1rem}.profiles-page .results-section .error-state .retry-btn{background:#1dbf73;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.profiles-page .results-section .error-state .retry-btn:hover{background:#19a463;transform:translateY(-1px)}.profiles-page .results-section .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 4px}.profiles-page .results-section .results-header h2{font-size:1.5rem;font-weight:700;color:#222325;margin:0}.profiles-page .results-section .results-header .results-info{color:#74767e;font-size:.95rem}.profiles-page .results-section .profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.profiles-page .results-section .profiles-grid .profile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.profiles-page .results-section .profiles-grid .profile-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:#1dbf73}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;position:relative}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-avatar{position:relative;flex-shrink:0}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #f8fafb}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-avatar .availability-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:2px solid white}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info{flex:1}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info h3{font-size:1.3rem;font-weight:700;color:#222325;margin:0 0 4px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info .username{color:#74767e;font-size:.95rem;margin:0 0 8px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info .professional-title{color:#1dbf73;font-weight:600;font-size:.95rem;margin:0}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .buyer-badge{position:absolute;top:0;right:0;background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.profiles-page .results-section .profiles-grid .profile-card .profile-card-content{margin-bottom:20px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-content .description{color:#555;line-height:1.6;margin-bottom:16px;font-size:.95rem}.profiles-page .results-section .profiles-grid .profile-card .profile-card-content .skills-preview{display:flex;flex-wrap:wrap;gap:6px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-content .skills-preview .skill-tag{background:linear-gradient(135deg,#e4f7f0,#d1f2e0);color:#1dbf73;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid #c8e6d0}.profiles-page .results-section .profiles-grid .profile-card .profile-card-content .skills-preview .more-skills{color:#74767e;font-size:.8rem;font-weight:600;padding:4px 8px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .profile-stats{display:flex;gap:16px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .profile-stats .stat{display:flex;align-items:center;gap:4px;color:#74767e;font-size:.9rem}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .profile-stats .stat .stat-icon{font-size:1rem}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .hourly-rate{text-align:right}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .hourly-rate .rate-label{display:block;color:#74767e;font-size:.8rem;margin-bottom:2px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .hourly-rate .rate-amount{color:#1dbf73;font-weight:700;font-size:1.1rem}.profiles-page .results-section .no-results{text-align:center;padding:80px 20px}.profiles-page .results-section .no-results .no-results-content{max-width:400px;margin:0 auto}.profiles-page .results-section .no-results .no-results-content h3{font-size:1.8rem;color:#222325;margin-bottom:12px}.profiles-page .results-section .no-results .no-results-content p{color:#74767e;margin-bottom:24px;font-size:1.1rem}.profiles-page .results-section .no-results .no-results-content .clear-filters-btn{background:#1dbf73;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.profiles-page .results-section .no-results .no-results-content .clear-filters-btn:hover{background:#19a463;transform:translateY(-1px)}.profiles-page .results-section .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.profiles-page .results-section .pagination .pagination-btn{background:#fff;border:2px solid #e4e5e7;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#74767e}.profiles-page .results-section .pagination .pagination-btn:hover:not(:disabled){border-color:#1dbf73;color:#1dbf73}.profiles-page .results-section .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.profiles-page .results-section .pagination .page-numbers{display:flex;gap:4px}.profiles-page .results-section .pagination .page-numbers .page-number{background:#fff;border:2px solid #e4e5e7;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#74767e;min-width:48px}.profiles-page .results-section .pagination .page-numbers .page-number:hover{border-color:#1dbf73;color:#1dbf73}.profiles-page .results-section .pagination .page-numbers .page-number.active{background:#1dbf73;border-color:#1dbf73;color:#fff}@media (max-width: 968px){.profiles-page{padding:20px 0}.profiles-page .container{padding:0 16px}.profiles-page .page-header{margin-bottom:32px}.profiles-page .page-header h1{font-size:2.5rem}.profiles-page .page-header p{font-size:1.1rem}.profiles-page .search-section{padding:24px}.profiles-page .search-section .search-form .search-input-group{flex-direction:column;max-width:none}.profiles-page .search-section .search-form .search-input-group .search-btn{align-self:stretch}.profiles-page .search-section .filter-controls{flex-direction:column;gap:16px;align-items:stretch}.profiles-page .search-section .filter-controls .profile-type-toggle{align-self:center}.profiles-page .search-section .filters-panel .filter-grid{grid-template-columns:1fr}.profiles-page .results-section .results-header{flex-direction:column;gap:8px;text-align:center}.profiles-page .results-section .profiles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.profiles-page .page-header h1{font-size:2rem}.profiles-page .search-section{padding:20px;margin-bottom:24px}.profiles-page .results-section .profiles-grid{grid-template-columns:1fr}.profiles-page .results-section .profiles-grid .profile-card{padding:20px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer{flex-direction:column;gap:12px;align-items:flex-start}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .hourly-rate{text-align:left}.profiles-page .pagination .pagination-btn{padding:10px 12px;font-size:.9rem}.profiles-page .pagination .page-numbers .page-number{padding:10px 12px;min-width:40px}}@media (max-width: 480px){.profiles-page .container{padding:0 12px}.profiles-page .page-header h1{font-size:1.75rem}.profiles-page .search-section{padding:16px;border-radius:12px}.profiles-page .results-section .profiles-grid .profile-card{padding:16px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header{gap:12px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-avatar img{width:60px;height:60px}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info h3{font-size:1.1rem}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (prefers-color-scheme: dark){.profiles-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.profiles-page .page-header h1{color:#fff}.profiles-page .page-header p{color:#ccc}.profiles-page .search-section{background:#2d2d2d}.profiles-page .search-section .search-input-group .search-input{background:#3d3d3d;border-color:#505050;color:#fff}.profiles-page .search-section .search-input-group .search-input:focus{border-color:#1dbf73}.profiles-page .search-section .filter-controls .filter-toggle{border-color:#505050;color:#ccc}.profiles-page .search-section .filter-controls .filter-toggle:hover,.profiles-page .search-section .filter-controls .filter-toggle.active{border-color:#1dbf73;color:#1dbf73}.profiles-page .search-section .filter-controls .profile-type-toggle{background:#3d3d3d}.profiles-page .search-section .filter-controls .profile-type-toggle button{color:#ccc}.profiles-page .search-section .filter-controls .profile-type-toggle button.active{background:#1dbf73;color:#fff}.profiles-page .search-section .filter-controls .profile-type-toggle button:not(.active):hover{color:#1dbf73}.profiles-page .search-section .filters-panel{border-color:#505050}.profiles-page .search-section .filters-panel .filter-group label{color:#fff}.profiles-page .search-section .filters-panel .filter-group input,.profiles-page .search-section .filters-panel .filter-group select{background:#3d3d3d;border-color:#505050;color:#fff}.profiles-page .search-section .filters-panel .filter-group input:focus,.profiles-page .search-section .filters-panel .filter-group select:focus{border-color:#1dbf73}.profiles-page .search-section .filters-panel .filter-actions .clear-filters{border-color:#505050;color:#ccc}.profiles-page .search-section .filters-panel .filter-actions .clear-filters:hover{border-color:#ff6b6b;color:#ff6b6b}.profiles-page .results-section .results-header h2{color:#fff}.profiles-page .results-section .results-header .results-info{color:#ccc}.profiles-page .results-section .profiles-grid .profile-card{background:#2d2d2d}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info h3{color:#fff}.profiles-page .results-section .profiles-grid .profile-card .profile-card-header .profile-info .username,.profiles-page .results-section .profiles-grid .profile-card .profile-card-content .description{color:#ccc}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer{border-color:#505050}.profiles-page .results-section .profiles-grid .profile-card .profile-card-footer .profile-stats .stat{color:#ccc}.profiles-page .results-section .no-results .no-results-content h3{color:#fff}.profiles-page .results-section .no-results .no-results-content p{color:#ccc}.profiles-page .results-section .pagination .pagination-btn{background:#2d2d2d;border-color:#505050;color:#ccc}.profiles-page .results-section .pagination .pagination-btn:hover:not(:disabled){border-color:#1dbf73;color:#1dbf73}.profiles-page .results-section .pagination .page-numbers .page-number{background:#2d2d2d;border-color:#505050;color:#ccc}.profiles-page .results-section .pagination .page-numbers .page-number:hover{border-color:#1dbf73;color:#1dbf73}.profiles-page .results-section .pagination .page-numbers .page-number.active{background:#1dbf73;border-color:#1dbf73;color:#fff}}