.users-page{background:var(--bg-primary);min-height:100vh;padding:2rem;font-family:system-ui}.page-title{color:var(--text-primary);text-align:center;margin-bottom:2rem}@media (max-width:768px){.page-title{font-size:1.5rem}}.user-card{background:var(--user-card-bg);border-radius:16px;padding:1rem 1.5rem;text-align:center;box-shadow:0 6px 24px var(--shadow);border:1px solid var(--user-card-border);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;align-items:center}.user-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 32px var(--shadow-hover)}.user-photo{margin-bottom:1.25rem}.user-photo img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--user-photo-border);background:var(--bg-secondary)}.user-info{width:100%}.user-info,.user-name{color:var(--text-primary)}.user-name{font-size:1rem;font-weight:600;margin-bottom:.2rem;letter-spacing:.5px}.user-mem{font-size:.9rem;color:var(--text-secondary);margin:.1rem 0;letter-spacing:.3px}.user-desc{font-size:.8rem;letter-spacing:.2px}.user-desc,.user-joined{margin:.1rem 0;color:var(--text-tertiary)}.user-joined{font-size:.95rem;letter-spacing:.5px}.user-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin:0 auto}.icon-grp{display:flex;gap:1rem;margin-top:1.25rem;justify-content:center}.icon-grp a{display:flex;align-items:center;color:var(--text-tertiary);transition:color .2s}.icon-grp a:focus svg,.icon-grp a:hover svg{stroke:var(--accent-color);transition:stroke .2s,background .2s}@media (max-width:768px){.user-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.user-card{padding:1rem}.user-name{font-size:1rem}.users-page{padding:1rem}}@media (max-width:480px){.user-grid{grid-template-columns:1fr;gap:.75rem}.user-card{padding:.75rem}.user-name{font-size:.95rem}.users-page{padding:.5rem}.page-title{font-size:1.1rem}}.filter-card{background:var(--user-card-bg);border-radius:12px;padding:1.5rem 1rem;margin-bottom:2rem;box-shadow:0 2px 12px var(--shadow);border:1px solid var(--user-card-border);display:flex;flex-direction:column;gap:1.2rem;justify-content:space-between}.filter-card form{display:flex;gap:.5rem}.filter-input{flex:1 1;padding:.5rem;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary)}.filter-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(77,171,247,.2)}.filter-btn{padding:.5rem 1rem;border-radius:6px;border:none;color:#ffffff;cursor:pointer;font-weight:500;transition:background .2s}.filter-btn,.filter-btn:hover{background:var(--accent-color)}.filter-btn:hover{filter:brightness(1.1)}.filter{display:flex;gap:1.5rem}@media screen and (max-width:768px){.filter{flex-direction:column}}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.filter-select{margin-left:.5rem;padding:.4rem .7rem;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary)}.filter-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(77,171,247,.2)}.sort-arrow-btn{margin-left:.5rem;background:none;border:none;color:var(--accent-color);font-size:1.2rem;cursor:pointer;vertical-align:middle;transition:color .2s}.sort-arrow-btn:hover{color:var(--accent-color);filter:brightness(1.2)}.filter-toggle-btn{display:none}@media (max-width:480px){.filter-toggle-btn{display:block;position:absolute;bottom:1rem;right:1rem;z-index:10;border:none;font-size:1.5rem;cursor:pointer;transition:background .2s}.filter-card{position:relative;padding-bottom:4rem}.filter.hide-filters{display:none!important}}.social-link svg{transition:stroke .2s;stroke:#374151}.social-link:hover svg{stroke:#2563eb}.social-link.disabled{opacity:.4;pointer-events:none}