.groups-module__8hj8GG__page{padding:0}.groups-module__8hj8GG__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.groups-module__8hj8GG__header h1{margin-bottom:8px}.groups-module__8hj8GG__header p{color:var(--text-secondary)}.groups-module__8hj8GG__filters{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.groups-module__8hj8GG__searchBox{flex:1;min-width:200px}.groups-module__8hj8GG__searchInput{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:12px 16px;font-size:1rem}.groups-module__8hj8GG__sortBox{align-items:center;display:flex}.groups-module__8hj8GG__sortSelect{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:12px 16px;font-size:.9rem}.groups-module__8hj8GG__searchBox{margin-bottom:24px}.groups-module__8hj8GG__searchInput{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:400px;color:var(--text-primary);padding:12px 16px;font-size:1rem}.groups-module__8hj8GG__searchInput:focus{border-color:var(--accent-primary);outline:none}.groups-module__8hj8GG__loading,.groups-module__8hj8GG__empty{text-align:center;color:var(--text-muted);padding:48px}.groups-module__8hj8GG__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.groups-module__8hj8GG__groupCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);text-decoration:none;display:block;overflow:hidden}.groups-module__8hj8GG__groupCard:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.groups-module__8hj8GG__groupImage{background:var(--bg-tertiary);justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.groups-module__8hj8GG__groupImage img{object-fit:cover;width:100%;height:100%}.groups-module__8hj8GG__groupIcon{font-size:3rem}.groups-module__8hj8GG__groupInfo{padding:16px}.groups-module__8hj8GG__groupInfo h3{color:var(--text-primary);margin-bottom:8px}.groups-module__8hj8GG__groupInfo p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.groups-module__8hj8GG__groupMeta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.groups-module__8hj8GG__privateBadge{color:#ff6b35;background:#ff6b351a;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.groups-module__8hj8GG__memberBadge{color:var(--accent-primary);background:#00d9ff1a;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.groups-module__8hj8GG__empty p{margin-bottom:16px}@media (max-width:768px){.groups-module__8hj8GG__header{flex-direction:column;align-items:flex-start;gap:16px}.groups-module__8hj8GG__grid{grid-template-columns:1fr}}