#userFilter{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}#searchRow,#filterRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#filterSearch{background-color:#fff0;padding:10px;font-size:16px;border:none;border-bottom:1.5px solid #6369ff;transition:border-color 0.3s,box-shadow 0.3s;flex:1;margin-bottom:1.5rem;min-width:200px}#filterSearch:focus{border-color:#E63729;outline:none}#filterSearch::placeholder{color:#6369ff}#filterRow select{padding:10px;font-size:16px;border-radius:4px;border:0 solid #6369FF;flex:1;min-width:200px;box-shadow:0 2px 4px #6369FF;transition:border-color 0.3s,box-shadow 0.3s}#filterRow select:focus{border-color:#6369ff;box-shadow:0 2px 8px #6369FF}.user-cards{display:flex;flex-direction:column;gap:16px}.user-card{position:relative;border:1px solid #6369ff;padding:16px;border-radius:8px;width:100%;box-sizing:border-box;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s}.user-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgb(0 0 0 / .2)}.user-card:nth-child(2n+1){background-color:#fff0}.user-card:nth-child(2n){background-color:rgb(99 105 255 / .1)}.user-card h3{margin-top:0;margin-bottom:8px;color:#6369ff;font-weight:500}.user-card p{margin:4px 0;line-height:1.5}.user-card p strong{font-weight:700;color:#333}.user-card .tags{margin-top:8px}.user-card .tags .styled-tag{display:inline-block;border-radius:4px;padding:4px 8px;margin:4px 4px 0 0;color:#6369ff;font-size:.9em;border:1px solid #6369ff}.user-card a{text-decoration:none;font-weight:700;display:inline-block;margin-top:10px;transition:color 0.3s;color:#E63729!important;position:absolute!important;top:1rem;right:1rem}.user-card a:hover{color:#d43c3c}.highlight{background-color:#ff0;font-weight:700;padding:2px 4px;border-radius:2px}#loadingSpinner{display:none;width:50px;height:50px;border:8px solid rgb(0 0 0 / .1);border-top:8px solid #6369ff;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){#filterRow{flex-direction:column}.user-card{width:100%}.user-card a{position:relative!important;top:0;right:0}#filterRow select{width:100%;max-width:100%}}@media (max-width:480px){.user-card a{position:relative!important;top:0;right:0}#filterRow select{width:100%;max-width:100%}.user-card{width:100%}}